Protei/PromucFlow_constructor
2
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

Fixing selected row issue and adding multirow select

Browse Source
This commit is contained in:
Satbir Singh 2020-01-06 06:28:52 +00:00
parent 7820a4059c
commit d007ede9de
1 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
app/client/src/components/designSystems/syncfusion/TableComponent.tsx
View File

@ -7,6 +7,7 @@ import {
Inject,
Resize,
Page,
SelectionSettingsModel,
} from "@syncfusion/ej2-react-grids";
import * as React from "react";
import styled from "constants/DefaultTheme";
@ -26,6 +27,9 @@ const StyledGridComponent = styled(GridComponent)`
background-color: #fafafa;
}
`;
const settings: SelectionSettingsModel = {
type: "Multiple",
};
export default class TableComponent extends React.Component<
TableComponentProps,
@ -62,6 +66,15 @@ export default class TableComponent extends React.Component<
this.grid.autoFitColumns();
}
};
shouldComponentUpdate(nextProps: TableComponentProps) {
const propsNotEqual =
JSON.stringify(nextProps.data) !== JSON.stringify(this.props.data) ||
nextProps.height !== this.props.height ||
nextProps.width !== this.props.width;
return propsNotEqual;
}
componentDidUpdate(prevProps: TableComponentProps) {
if (prevProps.height !== this.props.height) {
this.reCalculatePageSize();
@ -70,8 +83,8 @@ export default class TableComponent extends React.Component<
render() {
return (
<StyledGridComponent
selectionSettings={settings}
dataSource={this.props.data}
selectedRowIndex={this.props.selectedRowIndex}
rowSelected={this.rowSelected}
ref={(g: GridComponent) => (this.grid = g)}
width={this.props.width - 16}