React Dynamic Data Grid

Available Configurations

export const dataTableConfig = {
  toolBar: {
    show: true,
    title: {
      show: true,
      name: "Entitlement",
      style: {}
    },
    search: {
      show: true,
      highlightKeyword: true,
      label: "Search",
      width: "650px",
      style: {
        marginLeft: 0,
        marginTop: 5
      }
    },
    columnVisibility: {
      show: true,
      style: {}
    },
    filter: {
      show: true,
      style: {}
    },
    style: {}
  },
  header: {
    show: true,
    config: [],
    field: "fieldName",
    /* sort: true,
    columnFilter: true,
    style: {} */
    width: 100,
    columnsStyle: [{
      "Material": {
        style: {
          width: "150px"
        }
      }
    }],
    order: 'asc',
    orderBy: 'material'
  },
  body: {
    content: [], //sortOrder
    emptyRows: {
        message: "No Record Found",
        showEmptyRows: true,
        style: {
            fontWeight: 'bolder',
            textAlign: 'center',
            padding: '20px'
        }
    },
    pageNumber: 0,
    pageSize: 10,
    style: {}
  },
  footer: {
      show: true,
      paginations: {
          show: true,
          rowsPerPageOptions: [10, 25, 50],
          colSpan: 6,
          style: {}
      },
      style: {}
  },
  style: {},
  mode: {
    "apiConfig": {
      "apiLink": "https://192.168.101.53:7777/platform-services/returnData",
      "params": {
        "resultsetId": 3,
        "appId": 2
      }
    }
  }
}