@topconsultnpm/sdkui-react-beta 6.10.47 → 6.10.48
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -18,6 +18,8 @@ export declare enum TMDataGridPageSize {
|
|
|
18
18
|
Large = 100
|
|
19
19
|
}
|
|
20
20
|
export interface TMDataGridProps<T> extends IDataGridOptions {
|
|
21
|
+
/** An ID of grid */
|
|
22
|
+
id?: string;
|
|
21
23
|
/** An array of grid columns */
|
|
22
24
|
dataColumns: Array<IColumnProps>;
|
|
23
25
|
/** Specifies initially or currently focused grid row's key */
|
|
@@ -22,7 +22,7 @@ const TMDataGrid = React.forwardRef((props, ref) => {
|
|
|
22
22
|
// other properties
|
|
23
23
|
disabled = false, autoNavigateToFocusedRow = true, columnResizingMode = 'widget', columnHidingEnabled = true, columnAutoWidth = true, allowColumnResizing = true, allowColumnReordering = true, showBorders = true, showRowLines = true, showColumnLines = false, showColumnHeaders = true, rowAlternationEnabled = false, wordWrapEnabled = false,
|
|
24
24
|
// styles
|
|
25
|
-
width = '100%', height = '100%', } = props;
|
|
25
|
+
id, width = '100%', height = '100%', } = props;
|
|
26
26
|
const [counterValues, setCounterValues] = useState(new Map());
|
|
27
27
|
const [recordCount, setRecordCount] = useState(0);
|
|
28
28
|
useEffect(() => {
|
|
@@ -151,7 +151,7 @@ const TMDataGrid = React.forwardRef((props, ref) => {
|
|
|
151
151
|
});
|
|
152
152
|
}
|
|
153
153
|
}, [showSearchPanel, searchPanelToolbarPosition]);
|
|
154
|
-
return _jsxs("div", { style: { width: "100%", height: "100%" }, children: [_jsx("div", { style: { width: "100%", height: counterConfig.show ? "calc(100% - 25px)" : "100%" }, children: _jsxs(DataGrid, { ref: ref, className: 'tm-datagrid',
|
|
154
|
+
return _jsxs("div", { style: { width: "100%", height: "100%" }, children: [_jsx("div", { style: { width: "100%", height: counterConfig.show ? "calc(100% - 25px)" : "100%" }, children: _jsxs(DataGrid, { ref: ref, id: id, className: 'tm-datagrid',
|
|
155
155
|
// main properties
|
|
156
156
|
keyExpr: keyExpr, dataSource: dataSource, selectedRowKeys: selectedRowKeys, focusedRowEnabled: focusedRowEnabled, hoverStateEnabled: hoverStateEnabled,
|
|
157
157
|
// events and callbacks
|