@devexpress/dx-react-grid
Advanced tools
Changelog
1.0.0-alpha.8 (2017-08-21)
react-grid: The following changes have been made in the GroupingPanel plugin:
groupPanelCellTemplate
property has been renamed to groupPanelItemTemplate
;groupedColumns
property has been renamed to groupingPanelItems
and now contains an array of objects which conform the GroupingPanelItem interface.The isDraft
property of the DraftGrouping interface has been renamed to draft
.
react-grid:
In order to reduce API verbosity, the groupedColumns
and draftGroupedColumns
getters are no longer exported from the GroupingState plugin.
The column
field is no longer present in the GroupRow interface. So, to access the column
field in groupCellTemplate and groupIndentCellTemplate of the TableGroupRow plugin, it is necessary to use args.column
instead of args.row.column
.
react-grid: The colspan
field passed to tableNoDataCellTemplate (the TableView plugin), detailCellTemplate (the TableRowDetail plugin) and groupCellTemplate (the TableGroupRow plugin) has been renamed to colSpan
.
react-grid: To simplify the Grid plugins API the setRowSelection
action was removed from the SelectionState
and TableSelection
plugins.
For now, to select a single row you can use the setRowsSelection
action in the following manner:
setRowsSelection({ rowIds: [/* rowId */] })
react-grid:
TableRow
and TableColumn
interfaces structure has been changed. Now, it wraps original rows and columns of the Grid component instead of patching it.
Before:
interface TableRow extends Row {
type?: string;
}
interface TableColumn extends Column {
type?: string;
}
After:
interface TableRow {
key: string;
type: string;
rowId?: number | string;
row?: Row;
height?: number;
}
interface TableColumn {
key: string;
type: string;
column?: Column;
width?: number;
}
The CommandHeadingCellArgs
interface related to the TableEditColumn plugin no longer has column
and row
fields.
<a name="1.0.0-alpha.7"></a>
Changelog
1.0.0-alpha.7 (2017-08-07)
@devexpress/dx-react-grid-material-ui
package is no longer providedsetPageSize
and setCurrentPage
actions were simpilified. Now, to call these actions, a user can use numbers
instead of objects
. See the following code:
setPageSize(5); // instead of setPageSize({ size: 5 })
and
setCurrentPage(1); // instead of setCurrentPage({ page: 1 })
<a name="1.0.0-alpha.6"></a>
Changelog
1.0.0-alpha.6 (2017-07-24)
allowGrouping
property has been renamed to allowGroupingByClick
.totalPages
getter is no longer exported from the PagingState and LocalPaging plugins.<a name="1.0.0-alpha.5"></a>
Changelog
1.0.0-alpha.5 (2017-07-07)
groupPanelCellTemplate
property of the grouping-panel plugin instead of the GroupPanelProps interface's cellTemplate
property to specify a template used to render a grouping panel cell. The GroupPanelProps interface's cellTemplate
property is no longer available.<a name="1.0.0-alpha.4"></a>
Changelog
1.0.0-alpha.4 (2017-06-23)
react-grid: The following package has become a peer dependency of the @devexpress/dx-react-grid
one and has to be installed by your app:
npm i --save @devexpress/dx-react-core
react-grid: The 'groupRowCellTemplate' property of the TableGroupRow plugin has been renamed to 'groupCellTemplate'
react-grid: We renamed the detailToggleTemplate
property of the TableRowDetail plugin to detailToggleCellTemplate
to make it consistent with the detailToggleCellWidth
property.
react-grid: The groupColumnWidth property of the TableGroupRow plugin has been renamed to groupIndentColumnWidth to avoid possible confusion of what it is responsible for.
<a name="1.0.0-alpha.3"></a>
Changelog
1.0.0-alpha.3 (2017-06-09)
react-grid: We moved layout templates from the TableView plugin to the Grid component. The Grid component with the predefined plugins is now available in the "@devexpress/dx-react-grid-bootstrap3" package. If you want to define custom layout templates, the Grid component without predefined templates is still available in the "devexpress/dx-react-grid" package.
The following code:
import {
Grid
} from '@devexpress/dx-react-grid';
should be replaced with:
import {
Grid
} from '@devexpress/dx-react-grid-bootstrap3';
<a name="1.0.0-alpha.2"></a>
Changelog
1.0.0-alpha.2 (2017-05-26)
Previously, to enable the 'Detail row' feature a user had to use only the 'TableRowDetail' plugin. But, this plugin mixed up the rendering and state managing functionality. Now, there are two particular plugins. The first one is the 'RowDetailState' plugin. It's responsible for a state managing. The second one is the 'TableRowDetail' plugin. It only renders a detail row.
The following code:
<TableRowDetail
expandedRows={expandedRows}
onExpandedRowsChange={onExpandedRowsChange}
template={({ row }) =>
<GridDetailContainer
data={row}
columns={detailColumns}
/>
}
/>
should be replaced with:
<RowDetailState
expandedRows={expandedRows}
onExpandedRowsChange={onExpandedRowsChange}
/>
<TableRowDetail
template={({ row }) =>
<GridDetailContainer
data={row}
columns={detailColumns}
/>
}
/>
<a name="1.0.0-alpha.1"></a>
Changelog
1.0.0-alpha.1 (2017-05-15)