skycom-mui-dx-table v1.0.4

SkycomTable

This is table with integrate devexpress react grid and materialUIv5.

Use

   <SkycomTable {...props}>
      // ...columns
    </SkycomTable>

Example

   <SkycomTable {...props}>
      <DateTimeColumn for={["created_at", "upload_at"]} />
      <BooleanColumn for={["is_confirm"]} />
    </SkycomTable>

Props

Extends devexpress grid props

• cellStyle: style for cell
• columnOrders: position of columns
• hiddenColumnNames: list column names hidden in list columns
• columnWidths: size of columns
• columns: list columns of table
• isFullRow: toogle show full data or height of table is static
• columnShowSort: include columnNames to ordering
• summaryColumns: can calculate a summary for all rows (total summary), row groups (group summary), and tree nodes that contain child nodes (tree summary)

Example:

export const SUMMARY_REPORT_HANDLE_LEAD_BY_PRODUCT_COLUMNS_V2: SummaryItem[] = [
  { columnName: "a", type: "count" },
  { columnName: "b", type: "sum" },
  { columnName: "v", type: "count" },
];

• SummaryColumnsComponent: to custom summary row and manage state
• selection: List of selected columns
• editInline: in table have two update data options are show popup and editInline.
• editComponent: to edit row by popup