4.4.25 • Published 6 months ago

mig-schema-table v4.4.25

Weekly downloads
-
License
-
Repository
gitlab
Last release
6 months ago

schema-table-component

This component will render fields dynamically based on openApi schema JSON. Styling can be done using Bootstrap 5 compatible classes

Install

npm install mig-schema-table

Usage

Schema Example:

const userSchema = {
  properties: {
    id: {
      type: "string",
      readOnly: true,
    },
    name: {
      type: "string",
      minLength: 3,
    },
    dob: {
      type: "string",
      format: "date",
    },
    address: {
      type: "string",
      maxLength: 250,
    },
  },
  required: ["name"],
};
import React from "react";
import { SchemaTable, IColumnConfig } from "mig-schema-table";
import "mig-schema-table/dist/index.css";
// Add this for default datepicker styling
import "react-datepicker/dist/react-datepicker.css";
// Optionally add bootstrap5 styles

const config: { [keyName: string]: IColumnConfig } = {
  id: {
    hidden: true,
  },
  dob: {
    title: "Date of Birth",
  },
};

const Table = () => {
  const [users, setUsers] = useState();

  return (
    <SchemaTableComponent
      data={users || []}
      schema={userSchema}
      width={window.innerWidth}
      height={window.innerHeight - 150}
      config={config}
    />
  );
};

Component Props

PropTypeDescription
schemaobjectschemaObject to be rendered as a set of fields(example openapi schema).
configobjectcustom UI config {keyName: string: IColumnConfig;}.
dataarraydata props will be rendered from api
onRowClickfunctionit will be navigate to detail of row data
widthnumberthis props will be calculated width of table
heightnumberthis props will be calculated height of table
tableTitlestringcustom title for table your own
isSearchablebooleanif this props is true then the search filed will shown
isSortablebooleanif this props is true then the table to be able to shorting the data

Config

you can import the type of config from the IFieldConfig.

const config: { [keyName: string]: IColumnConfig } = {};
@floating-ui/react-domdate-fnsdate-fns-tzexceljsfile-saverlodashmig-data-toolsreact-datepickerreact-windowreact-window-infinite-loader
@everything-registry/sub-chunk-2168
4.4.21

7 months ago

4.4.20

8 months ago

4.4.25

6 months ago

4.4.24

6 months ago

4.4.23

6 months ago

4.4.22

6 months ago

4.4.10

9 months ago

4.4.14

9 months ago

4.4.13

9 months ago

4.4.12

9 months ago

4.4.11

9 months ago

4.4.18

8 months ago

4.4.17

8 months ago

4.4.16

9 months ago

4.4.15

9 months ago

4.4.19

8 months ago

4.4.9

10 months ago

4.4.8

10 months ago

4.4.5

10 months ago

4.4.4

10 months ago

4.4.7

10 months ago

4.4.6

10 months ago

4.4.1

10 months ago

4.4.3

10 months ago

4.4.2

10 months ago

4.3.9

10 months ago

4.3.10

10 months ago

4.3.8

10 months ago

4.3.7

10 months ago

4.2.11

12 months ago

4.2.12

11 months ago

4.2.17

11 months ago

4.2.18

10 months ago

4.2.13

11 months ago

4.2.14

11 months ago

4.2.15

11 months ago

4.2.16

11 months ago

4.3.2

10 months ago

4.3.1

10 months ago

4.3.3

10 months ago

4.3.6

10 months ago

4.3.5

10 months ago

4.0.7

1 year ago

4.0.6

1 year ago

4.0.9

1 year ago

4.0.8

1 year ago

4.2.10

1 year ago

4.0.19

1 year ago

4.0.20

1 year ago

4.2.3

1 year ago

4.2.2

1 year ago

4.2.5

1 year ago

4.0.10

1 year ago

4.2.4

1 year ago

4.2.1

1 year ago

4.2.0

1 year ago

4.0.16

1 year ago

4.0.15

1 year ago

4.0.18

1 year ago

4.0.17

1 year ago

4.0.12

1 year ago

4.0.11

1 year ago

4.0.14

1 year ago

4.0.13

1 year ago

4.2.7

1 year ago

4.2.6

1 year ago

4.2.9

1 year ago

4.2.8

1 year ago

4.1.0

1 year ago

4.0.5

1 year ago

4.0.4

1 year ago

4.0.1

1 year ago

4.0.3

1 year ago

4.0.2

1 year ago

3.0.124

1 year ago

3.0.123

1 year ago

3.0.122

1 year ago

3.0.121

1 year ago

3.0.119

1 year ago

3.0.120

1 year ago

3.0.118

1 year ago

3.0.116

1 year ago

3.0.117

1 year ago

3.0.114

1 year ago

3.0.115

1 year ago

3.0.112

1 year ago

3.0.113

1 year ago

3.0.109

1 year ago

3.0.108

1 year ago

3.0.111

1 year ago

3.0.110

1 year ago

3.0.107

1 year ago

3.0.106

1 year ago

3.0.103

1 year ago

3.0.102

1 year ago

3.0.105

1 year ago

3.0.104

1 year ago

3.0.98

1 year ago

3.0.99

1 year ago

3.0.92

1 year ago

3.0.93

1 year ago

3.0.91

1 year ago

3.0.96

1 year ago

3.0.97

1 year ago

3.0.94

1 year ago

3.0.95

1 year ago

3.0.101

1 year ago

3.0.100

1 year ago

3.0.89

1 year ago

3.0.88

1 year ago

3.0.90

1 year ago

3.0.87

1 year ago

3.0.86

1 year ago

3.0.85

1 year ago

3.0.82

1 year ago

3.0.83

1 year ago

3.0.84

1 year ago

3.0.81

1 year ago

3.0.80

1 year ago

3.0.78

1 year ago

3.0.79

1 year ago

3.0.77

1 year ago

3.0.76

1 year ago

3.0.75

1 year ago

3.0.74

1 year ago

3.0.73

1 year ago

3.0.72

2 years ago

3.0.71

2 years ago

3.0.67

2 years ago

3.0.68

2 years ago

3.0.65

2 years ago

3.0.66

2 years ago

3.0.69

2 years ago

3.0.70

2 years ago

3.0.63

2 years ago

3.0.61

2 years ago

3.0.62

2 years ago

3.0.60

2 years ago

3.0.56

2 years ago

3.0.57

2 years ago

3.0.54

2 years ago

3.0.55

2 years ago

3.0.58

2 years ago

3.0.59

2 years ago

3.0.53

2 years ago

3.0.52

2 years ago

3.0.51

2 years ago

3.0.50

2 years ago

3.0.45

2 years ago

3.0.46

2 years ago

3.0.43

2 years ago

3.0.44

2 years ago

3.0.49

2 years ago

3.0.47

2 years ago

3.0.48

2 years ago

3.0.41

2 years ago

3.0.42

2 years ago

3.0.40

2 years ago

3.0.35

2 years ago

3.0.38

2 years ago

3.0.39

2 years ago

3.0.36

2 years ago

3.0.37

2 years ago

3.0.34

2 years ago

3.0.33

2 years ago

3.0.32

2 years ago

3.0.31

2 years ago

3.0.30

2 years ago

3.0.29

2 years ago

3.0.28

2 years ago

3.0.27

2 years ago

3.0.26

2 years ago

3.0.25

2 years ago

3.0.24

2 years ago

3.0.23

2 years ago

3.0.22

2 years ago

3.0.21

2 years ago

3.0.20

2 years ago

3.0.19

2 years ago

3.0.18

2 years ago

3.0.17

2 years ago

3.0.16

2 years ago

3.0.15

2 years ago

3.0.14

2 years ago

3.0.13

2 years ago

3.0.12

2 years ago

3.0.11

2 years ago

3.0.10

2 years ago

3.0.9

2 years ago

3.0.8

2 years ago

3.0.7

2 years ago

3.0.6

2 years ago

3.0.5

2 years ago

3.0.4

2 years ago

3.0.3

2 years ago

3.0.2

2 years ago

3.0.1

2 years ago

3.0.0

2 years ago

2.0.9

2 years ago

2.0.8

2 years ago

2.0.7

2 years ago

2.0.6

2 years ago

2.0.5

2 years ago

2.0.4

2 years ago

2.0.3

2 years ago

2.0.2

2 years ago

2.0.1

2 years ago

2.0.0

2 years ago

1.0.12

2 years ago

1.0.11

2 years ago

1.0.10

2 years ago

1.0.9

2 years ago

1.0.8

2 years ago

1.0.7

2 years ago

1.0.6

2 years ago

1.0.5

2 years ago

1.0.4

2 years ago

1.0.3

2 years ago

1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago