es-grid-template 0.1.2-1 → 0.1.2

package/es/grid-component/InternalTable.js

@@ -236,6 +236,7 @@ const InternalTable = props => {
       const transformedColumn = {
         ...col,
         dataIndex: col.field ?? col.dataIndex,
+        key: col.field ?? col.dataIndex ?? col.key,
         title: t ? t(col.headerText ?? col.title) : col.headerText ?? col.title,
         ellipsis: col.ellipsis !== false,
         align: col.textAlign ?? col.align,
@@ -247,7 +248,7 @@ const InternalTable = props => {
           children: transformColumns(col.children, currentPath)
         };
       }
-      if (col.dataIndex === 'index' || col.field === 'index' || col.dataIndex === '#' || col.dataIndex === '#') {
+      if (col.dataIndex === 'index' || col.field === 'index' || col.dataIndex === '#' || col.field === '#' || col.allowFiltering === false) {
         return {
           ...transformedColumn
         };
@@ -286,6 +287,7 @@ const InternalTable = props => {
   };
   const TableComponent = editAble ? GridEdit : Grid;
   return /*#__PURE__*/React.createElement(TableComponent, _extends({}, rest, {
+    t: t,
     tableRef: tableRef,
     dataSource: data,
     components: {

package/es/grid-component/TableGrid.js

@@ -97,6 +97,7 @@ const TableGrid = props => {
     t,
     lang,
     contextMenuOpen,
+    className,
     contextMenuItems: propContextMenuItems,
     contextMenuHidden,
     contextMenuClick,
@@ -114,6 +115,7 @@ const TableGrid = props => {
     dataSourceFilter: propDataSourceFilter,
     loading,
     triggerChangeColumns,
+    summary,
     ...rest
   } = props;
   const {
@@ -322,7 +324,7 @@ const TableGrid = props => {
     dataSource: dataSource
     // className={styles.customTable}
     ,
-    className: classNames('', {
+    className: classNames(className, {
       'table-none-column-select': selectionSettings?.mode === undefined && selectionSettings?.type !== 'multiple'
     }, styles.customTable),
     bordered: true,
@@ -356,29 +358,37 @@ const TableGrid = props => {
     onScroll: () => {
       setMenuVisible(false);
     },
-    summary: () => /*#__PURE__*/React.createElement(Table.Summary, {
-      fixed: true
-    }, /*#__PURE__*/React.createElement(Table.Summary.Row, null, flatColumns(columns).filter(col => col.hidden !== true).map((col, index) => {
-      const thousandSeparator = col.format?.thousandSeparator ? col.format?.thousandSeparator : format?.thousandSeparator;
-      const decimalSeparator = col.format?.decimalSeparator ? col.format?.decimalSeparator : format?.decimalSeparator;
-      const dec = col.format?.decimalScale || col.format?.decimalScale === 0 ? col.format?.decimalScale : format?.decimalScale;
-      const sumValue = col.type === 'number' ? sumDataByField(dataSource, col?.key) : 0;
-      const value = !isEmpty(sumValue) ? dec || dec === 0 ? parseFloat(Number(sumValue).toFixed(dec)).toString() : sumValue.toString() : '0';
-      const cellValue = col.type === 'number' && col.isSummary !== false ? value : '';
-      const numericFormatProps = {
-        thousandSeparator: checkThousandSeparator(thousandSeparator, decimalSeparator),
-        decimalSeparator: checkDecimalSeparator(thousandSeparator, decimalSeparator),
-        allowNegative: (col.format?.allowNegative ? col.format?.allowNegative : format?.allowNegative) ?? false,
-        prefix: col.format?.prefix ? col.format?.prefix : format?.prefix,
-        suffix: col.format?.suffix ? col.format?.suffix : format?.suffix,
-        decimalScale: dec,
-        fixedDecimalScale: (col.format?.fixedDecimalScale ? col.format?.fixedDecimalScale : format?.fixedDecimalScale) ?? false
-      };
-      return /*#__PURE__*/React.createElement(Table.Summary.Cell, {
-        key: col.key,
-        index: index
-      }, col.summaryTemplate ? col.summaryTemplate(cellValue, col.key) : numericFormatter(cellValue, numericFormatProps));
-    }))),
+    summary: () => {
+      if (typeof summary === 'function') {
+        return summary(dataSource);
+      }
+      if (!summary) {
+        return undefined;
+      }
+      return /*#__PURE__*/React.createElement(Table.Summary, {
+        fixed: true
+      }, /*#__PURE__*/React.createElement(Table.Summary.Row, null, flatColumns(columns).filter(col => col.hidden !== true).map((col, index) => {
+        const thousandSeparator = col.format?.thousandSeparator ? col.format?.thousandSeparator : format?.thousandSeparator;
+        const decimalSeparator = col.format?.decimalSeparator ? col.format?.decimalSeparator : format?.decimalSeparator;
+        const dec = col.format?.decimalScale || col.format?.decimalScale === 0 ? col.format?.decimalScale : format?.decimalScale;
+        const sumValue = col.type === 'number' ? sumDataByField(dataSource, col?.key) : 0;
+        const value = !isEmpty(sumValue) ? dec || dec === 0 ? parseFloat(Number(sumValue).toFixed(dec)).toString() : sumValue.toString() : '0';
+        const cellValue = col.type === 'number' && col.isSummary !== false ? value : '';
+        const numericFormatProps = {
+          thousandSeparator: checkThousandSeparator(thousandSeparator, decimalSeparator),
+          decimalSeparator: checkDecimalSeparator(thousandSeparator, decimalSeparator),
+          allowNegative: (col.format?.allowNegative ? col.format?.allowNegative : format?.allowNegative) ?? false,
+          prefix: col.format?.prefix ? col.format?.prefix : format?.prefix,
+          suffix: col.format?.suffix ? col.format?.suffix : format?.suffix,
+          decimalScale: dec,
+          fixedDecimalScale: (col.format?.fixedDecimalScale ? col.format?.fixedDecimalScale : format?.fixedDecimalScale) ?? false
+        };
+        return /*#__PURE__*/React.createElement(Table.Summary.Cell, {
+          key: col.key,
+          index: index
+        }, col.summaryTemplate ? col.summaryTemplate(cellValue, col.key) : numericFormatter(cellValue, numericFormatProps));
+      })));
+    },
     pagination: pagination && pagination.onChange ? false : {
       showTotal: (total, range) => `${range[0]}-${range[1]} / ${total} items`,
       ...pagination
@@ -400,10 +410,9 @@ const TableGrid = props => {
         items: toolbarItems ?? [],
         mode: 'responsive'
         // mode={'scroll'}
-        ,
-        onClick: val => {
-          console.log(val);
-        }
+        // onClick={(val: any) => {
+        //   console.log(val)
+        // }}
       }), showColumnChoose && /*#__PURE__*/React.createElement(ColumnsChoose, {
         columns: columns,
         triggerChangeColumns: triggerChangeColumns

package/es/grid-component/hooks/useColumns/index.js

@@ -166,8 +166,9 @@ export const renderFilter = (column, selectedKeys, setSelectedKeys, confirm, vis
           height: '100%'
         },
         value: dateValue,
-        defaultValue: dateValue,
-        placeholder: column?.placeholder,
+        defaultValue: dateValue
+        // placeholder={t ? t(column?.placeholder) : column?.placeholder}
+        ,
         onChange: (date, dateString) => {
           const newDateValue = dateString ? moment(convertDayjsToDate(dateString, dateFormat)).format() : null;
           setSelectedKeys(newDateValue ? [newDateValue] : []);
@@ -413,7 +414,7 @@ export const renderFilter = (column, selectedKeys, setSelectedKeys, confirm, vis
       return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
         className: 'mb-1'
       }, /*#__PURE__*/React.createElement(Input, {
-        placeholder: `Search ${column?.dataIndex}`,
+        placeholder: `Search`,
         value: selectedKeys[0],
         onChange: e => setSelectedKeys(e.target.value ? [e.target.value] : [])
         // onPressEnter={() => handleSearch(selectedKeys as string[], confirm)}

package/es/grid-component/styles.scss

@@ -29,6 +29,18 @@ $rowSelectedHoverBg: 'ui-rc' !default;
 
 .#{$prefix}-table-wrapper {
 
+  &.table-none-column-select {
+    .#{$prefix}-table-cell {
+      &.#{$prefix}-table-selection-column {
+        padding: 0 !important;
+        overflow: hidden !important;
+        border-inline-end: 0 !important;
+        //flex: 0 0 0 !important;
+        //width: 0 !important;
+      }
+    }
+  }
+
   .#{$prefix}-table-tbody-virtual {
     .#{$prefix}-table-cell {
       border-bottom: 1px solid $tableBorderColor;
@@ -94,6 +106,7 @@ $rowSelectedHoverBg: 'ui-rc' !default;
   .#{$prefix}-table-summary {
     .#{$prefix}-table-cell {
       background-color: #fafafa;
+      height: 32px;
     }
 
     > tr > td {

package/es/grid-component/table/Grid.js

@@ -6,10 +6,10 @@ import Command from "../Command";
 import { renderContent } from "../hooks/useColumns";
 const Grid = props => {
   const {
+    t,
     columns,
     height,
     tableRef,
-    className,
     components,
     style,
     format,
@@ -32,7 +32,7 @@ const Grid = props => {
       const transformedColumn = {
         ...column,
         dataIndex: column.field ?? column.dataIndex,
-        title: column.headerText ?? column.title,
+        title: t ? t(column.headerText ?? column.title) : column.headerText ?? column.title,
         ellipsis: column.ellipsis !== false,
         align: column.textAlign ?? column.align,
         fixed: column.frozen ? column.frozen.toLowerCase() : column.fixed
@@ -64,7 +64,7 @@ const Grid = props => {
         render: (value, record, rowIndex) => renderContent(column, value, record, rowIndex, format)
       };
     });
-  }, []);
+  }, [format, t]);
   const mergedColumns = useMemo(() => transformColumns(columns ?? []), [transformColumns, columns]);
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(GridStyle, {
     heightTable: height,
@@ -72,6 +72,7 @@ const Grid = props => {
       position: 'relative'
     }
   }, /*#__PURE__*/React.createElement(TableGrid, _extends({}, rest, {
+    t: t,
     tableRef: tableRef,
     components: {
       ...components

package/es/grid-component/table/GridEdit.js

@@ -36,6 +36,7 @@ const GridEdit = props => {
     onCellChange,
     style,
     getRowKey,
+    className,
     ...rest
   } = props;
 
@@ -767,7 +768,7 @@ const GridEdit = props => {
         cell: EditableCell
       }
     },
-    className: 'grid-editable',
+    className: classNames(className, 'grid-editable'),
     rowKey: rowKey,
     columns: resizableColumns,
     showSorterTooltip: {

package/es/grid-component/type.d.ts

@@ -118,7 +118,7 @@ export type ColumnsType<RecordType = AnyObject> = ColumnType<RecordType>[];
 export type ColumnsEditType<RecordType = AnyObject> = ColumnEditType<RecordType>[];
 export type ColumnTable<RecordType = AnyObject> = ColumnEditType<RecordType> | ColumnType<RecordType>;
 export type ColumnsTable<RecordType = AnyObject> = (ColumnType<RecordType> | ColumnEditType<RecordType>)[];
-export interface TableProps<RecordType> extends Omit<RcTableProps<RecordType>, 'columns' | 'rowSelection' | 'loading' | 'dataSource'> {
+export interface TableProps<RecordType> extends Omit<RcTableProps<RecordType>, 'columns' | 'rowSelection' | 'loading' | 'dataSource' | 'summary'> {
     editAble?: boolean;
     dataSource: RecordType[];
     columns: ColumnsTable<RecordType>;
@@ -159,6 +159,7 @@ export interface TableProps<RecordType> extends Omit<RcTableProps<RecordType>, '
     loading?: boolean;
     allowResizing?: boolean;
     onDataChange?: (data: RecordType[]) => void;
+    summary?: boolean | ((data: readonly RecordType[]) => React.ReactNode);
 }
 export interface TableEditProps<RecordType = AnyObject> extends Omit<TableProps<RecordType>, 'columns'> {
     columns: ColumnsTable<RecordType>;

package/lib/grid-component/InternalTable.js

@@ -245,6 +245,7 @@ const InternalTable = props => {
       const transformedColumn = {
         ...col,
         dataIndex: col.field ?? col.dataIndex,
+        key: col.field ?? col.dataIndex ?? col.key,
         title: t ? t(col.headerText ?? col.title) : col.headerText ?? col.title,
         ellipsis: col.ellipsis !== false,
         align: col.textAlign ?? col.align,
@@ -256,7 +257,7 @@ const InternalTable = props => {
           children: transformColumns(col.children, currentPath)
         };
       }
-      if (col.dataIndex === 'index' || col.field === 'index' || col.dataIndex === '#' || col.dataIndex === '#') {
+      if (col.dataIndex === 'index' || col.field === 'index' || col.dataIndex === '#' || col.field === '#' || col.allowFiltering === false) {
         return {
           ...transformedColumn
         };
@@ -295,6 +296,7 @@ const InternalTable = props => {
   };
   const TableComponent = editAble ? _GridEdit.default : _Grid.default;
   return /*#__PURE__*/_react.default.createElement(TableComponent, (0, _extends2.default)({}, rest, {
+    t: t,
     tableRef: tableRef,
     dataSource: data,
     components: {

package/lib/grid-component/TableGrid.js

@@ -104,6 +104,7 @@ const TableGrid = props => {
     t,
     lang,
     contextMenuOpen,
+    className,
     contextMenuItems: propContextMenuItems,
     contextMenuHidden,
     contextMenuClick,
@@ -121,6 +122,7 @@ const TableGrid = props => {
     dataSourceFilter: propDataSourceFilter,
     loading,
     triggerChangeColumns,
+    summary,
     ...rest
   } = props;
   const {
@@ -329,7 +331,7 @@ const TableGrid = props => {
     dataSource: dataSource
     // className={styles.customTable}
     ,
-    className: (0, _classnames.default)('', {
+    className: (0, _classnames.default)(className, {
       'table-none-column-select': selectionSettings?.mode === undefined && selectionSettings?.type !== 'multiple'
     }, styles.customTable),
     bordered: true,
@@ -363,29 +365,37 @@ const TableGrid = props => {
     onScroll: () => {
       setMenuVisible(false);
     },
-    summary: () => /*#__PURE__*/_react.default.createElement(_rcMasterUi.Table.Summary, {
-      fixed: true
-    }, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Table.Summary.Row, null, (0, _useColumns.flatColumns)(columns).filter(col => col.hidden !== true).map((col, index) => {
-      const thousandSeparator = col.format?.thousandSeparator ? col.format?.thousandSeparator : format?.thousandSeparator;
-      const decimalSeparator = col.format?.decimalSeparator ? col.format?.decimalSeparator : format?.decimalSeparator;
-      const dec = col.format?.decimalScale || col.format?.decimalScale === 0 ? col.format?.decimalScale : format?.decimalScale;
-      const sumValue = col.type === 'number' ? (0, _hooks.sumDataByField)(dataSource, col?.key) : 0;
-      const value = !(0, _hooks.isEmpty)(sumValue) ? dec || dec === 0 ? parseFloat(Number(sumValue).toFixed(dec)).toString() : sumValue.toString() : '0';
-      const cellValue = col.type === 'number' && col.isSummary !== false ? value : '';
-      const numericFormatProps = {
-        thousandSeparator: (0, _hooks.checkThousandSeparator)(thousandSeparator, decimalSeparator),
-        decimalSeparator: (0, _hooks.checkDecimalSeparator)(thousandSeparator, decimalSeparator),
-        allowNegative: (col.format?.allowNegative ? col.format?.allowNegative : format?.allowNegative) ?? false,
-        prefix: col.format?.prefix ? col.format?.prefix : format?.prefix,
-        suffix: col.format?.suffix ? col.format?.suffix : format?.suffix,
-        decimalScale: dec,
-        fixedDecimalScale: (col.format?.fixedDecimalScale ? col.format?.fixedDecimalScale : format?.fixedDecimalScale) ?? false
-      };
-      return /*#__PURE__*/_react.default.createElement(_rcMasterUi.Table.Summary.Cell, {
-        key: col.key,
-        index: index
-      }, col.summaryTemplate ? col.summaryTemplate(cellValue, col.key) : (0, _reactNumericComponent.numericFormatter)(cellValue, numericFormatProps));
-    }))),
+    summary: () => {
+      if (typeof summary === 'function') {
+        return summary(dataSource);
+      }
+      if (!summary) {
+        return undefined;
+      }
+      return /*#__PURE__*/_react.default.createElement(_rcMasterUi.Table.Summary, {
+        fixed: true
+      }, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Table.Summary.Row, null, (0, _useColumns.flatColumns)(columns).filter(col => col.hidden !== true).map((col, index) => {
+        const thousandSeparator = col.format?.thousandSeparator ? col.format?.thousandSeparator : format?.thousandSeparator;
+        const decimalSeparator = col.format?.decimalSeparator ? col.format?.decimalSeparator : format?.decimalSeparator;
+        const dec = col.format?.decimalScale || col.format?.decimalScale === 0 ? col.format?.decimalScale : format?.decimalScale;
+        const sumValue = col.type === 'number' ? (0, _hooks.sumDataByField)(dataSource, col?.key) : 0;
+        const value = !(0, _hooks.isEmpty)(sumValue) ? dec || dec === 0 ? parseFloat(Number(sumValue).toFixed(dec)).toString() : sumValue.toString() : '0';
+        const cellValue = col.type === 'number' && col.isSummary !== false ? value : '';
+        const numericFormatProps = {
+          thousandSeparator: (0, _hooks.checkThousandSeparator)(thousandSeparator, decimalSeparator),
+          decimalSeparator: (0, _hooks.checkDecimalSeparator)(thousandSeparator, decimalSeparator),
+          allowNegative: (col.format?.allowNegative ? col.format?.allowNegative : format?.allowNegative) ?? false,
+          prefix: col.format?.prefix ? col.format?.prefix : format?.prefix,
+          suffix: col.format?.suffix ? col.format?.suffix : format?.suffix,
+          decimalScale: dec,
+          fixedDecimalScale: (col.format?.fixedDecimalScale ? col.format?.fixedDecimalScale : format?.fixedDecimalScale) ?? false
+        };
+        return /*#__PURE__*/_react.default.createElement(_rcMasterUi.Table.Summary.Cell, {
+          key: col.key,
+          index: index
+        }, col.summaryTemplate ? col.summaryTemplate(cellValue, col.key) : (0, _reactNumericComponent.numericFormatter)(cellValue, numericFormatProps));
+      })));
+    },
     pagination: pagination && pagination.onChange ? false : {
       showTotal: (total, range) => `${range[0]}-${range[1]} / ${total} items`,
       ...pagination
@@ -407,10 +417,9 @@ const TableGrid = props => {
         items: toolbarItems ?? [],
         mode: 'responsive'
         // mode={'scroll'}
-        ,
-        onClick: val => {
-          console.log(val);
-        }
+        // onClick={(val: any) => {
+        //   console.log(val)
+        // }}
       }), showColumnChoose && /*#__PURE__*/_react.default.createElement(_ColumnsChoose.ColumnsChoose, {
         columns: columns,
         triggerChangeColumns: triggerChangeColumns

package/lib/grid-component/hooks/useColumns/index.js

@@ -178,8 +178,9 @@ const renderFilter = (column, selectedKeys, setSelectedKeys, confirm, visible, s
           height: '100%'
         },
         value: dateValue,
-        defaultValue: dateValue,
-        placeholder: column?.placeholder,
+        defaultValue: dateValue
+        // placeholder={t ? t(column?.placeholder) : column?.placeholder}
+        ,
         onChange: (date, dateString) => {
           const newDateValue = dateString ? (0, _moment.default)((0, _utils.convertDayjsToDate)(dateString, dateFormat)).format() : null;
           setSelectedKeys(newDateValue ? [newDateValue] : []);
@@ -425,7 +426,7 @@ const renderFilter = (column, selectedKeys, setSelectedKeys, confirm, visible, s
       return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
         className: 'mb-1'
       }, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Input, {
-        placeholder: `Search ${column?.dataIndex}`,
+        placeholder: `Search`,
         value: selectedKeys[0],
         onChange: e => setSelectedKeys(e.target.value ? [e.target.value] : [])
         // onPressEnter={() => handleSearch(selectedKeys as string[], confirm)}

package/lib/grid-component/styles.scss

@@ -29,6 +29,18 @@ $rowSelectedHoverBg: 'ui-rc' !default;
 
 .#{$prefix}-table-wrapper {
 
+  &.table-none-column-select {
+    .#{$prefix}-table-cell {
+      &.#{$prefix}-table-selection-column {
+        padding: 0 !important;
+        overflow: hidden !important;
+        border-inline-end: 0 !important;
+        //flex: 0 0 0 !important;
+        //width: 0 !important;
+      }
+    }
+  }
+
   .#{$prefix}-table-tbody-virtual {
     .#{$prefix}-table-cell {
       border-bottom: 1px solid $tableBorderColor;
@@ -94,6 +106,7 @@ $rowSelectedHoverBg: 'ui-rc' !default;
   .#{$prefix}-table-summary {
     .#{$prefix}-table-cell {
       background-color: #fafafa;
+      height: 32px;
     }
 
     > tr > td {

package/lib/grid-component/table/Grid.js

@@ -15,10 +15,10 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const Grid = props => {
   const {
+    t,
     columns,
     height,
     tableRef,
-    className,
     components,
     style,
     format,
@@ -41,7 +41,7 @@ const Grid = props => {
       const transformedColumn = {
         ...column,
         dataIndex: column.field ?? column.dataIndex,
-        title: column.headerText ?? column.title,
+        title: t ? t(column.headerText ?? column.title) : column.headerText ?? column.title,
         ellipsis: column.ellipsis !== false,
         align: column.textAlign ?? column.align,
         fixed: column.frozen ? column.frozen.toLowerCase() : column.fixed
@@ -73,7 +73,7 @@ const Grid = props => {
         render: (value, record, rowIndex) => (0, _useColumns.renderContent)(column, value, record, rowIndex, format)
       };
     });
-  }, []);
+  }, [format, t]);
   const mergedColumns = (0, _react.useMemo)(() => transformColumns(columns ?? []), [transformColumns, columns]);
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_GridStyle.GridStyle, {
     heightTable: height,
@@ -81,6 +81,7 @@ const Grid = props => {
       position: 'relative'
     }
   }, /*#__PURE__*/_react.default.createElement(_TableGrid.default, (0, _extends2.default)({}, rest, {
+    t: t,
     tableRef: tableRef,
     components: {
       ...components

package/lib/grid-component/table/GridEdit.js

@@ -45,6 +45,7 @@ const GridEdit = props => {
     onCellChange,
     style,
     getRowKey,
+    className,
     ...rest
   } = props;
 
@@ -776,7 +777,7 @@ const GridEdit = props => {
         cell: _EditableCell.default
       }
     },
-    className: 'grid-editable',
+    className: (0, _classnames.default)(className, 'grid-editable'),
     rowKey: rowKey,
     columns: resizableColumns,
     showSorterTooltip: {

package/lib/grid-component/type.d.ts

@@ -118,7 +118,7 @@ export type ColumnsType<RecordType = AnyObject> = ColumnType<RecordType>[];
 export type ColumnsEditType<RecordType = AnyObject> = ColumnEditType<RecordType>[];
 export type ColumnTable<RecordType = AnyObject> = ColumnEditType<RecordType> | ColumnType<RecordType>;
 export type ColumnsTable<RecordType = AnyObject> = (ColumnType<RecordType> | ColumnEditType<RecordType>)[];
-export interface TableProps<RecordType> extends Omit<RcTableProps<RecordType>, 'columns' | 'rowSelection' | 'loading' | 'dataSource'> {
+export interface TableProps<RecordType> extends Omit<RcTableProps<RecordType>, 'columns' | 'rowSelection' | 'loading' | 'dataSource' | 'summary'> {
     editAble?: boolean;
     dataSource: RecordType[];
     columns: ColumnsTable<RecordType>;
@@ -159,6 +159,7 @@ export interface TableProps<RecordType> extends Omit<RcTableProps<RecordType>, '
     loading?: boolean;
     allowResizing?: boolean;
     onDataChange?: (data: RecordType[]) => void;
+    summary?: boolean | ((data: readonly RecordType[]) => React.ReactNode);
 }
 export interface TableEditProps<RecordType = AnyObject> extends Omit<TableProps<RecordType>, 'columns'> {
     columns: ColumnsTable<RecordType>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "es-grid-template",
-  "version": "0.1.2-1",
+  "version": "0.1.2",
   "description": "es-grid-template",
   "keywords": [
     "react",