schema-table-component v1.0.5

schema-table-component

This component will render fields dynamically based on openApi schema JSON.

Install

npm install schema-table-component

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 { SchemaTableComponent, IColumnConfig } from "schema-table-component";

    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

Config

you can import the type of config from the IFieldConfig.

   const config: { [keyName: string]: IColumnConfig } = {}