You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/DataTable.md
+6-1Lines changed: 6 additions & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1876,6 +1876,7 @@ Here is what the codemod will transform for you:
1876
1876
1877
1877
- Replace `<Datagrid>` with `<DataTable>`.
1878
1878
- Replace `rowStyle` with `rowSx`.
1879
+
- Remove the `optimized` prop (which isn't necessary anymore)
1879
1880
- Rename the keys in `sx` prop from `"& .RaDatagrid-xxxx"` to `"& .RaDataTable-xxxx"`.
1880
1881
- Replace simple `<TextField>` with `<DataTable.Col>`.
1881
1882
- Replace simple `<NumberField>` with `<DataTable.NumberCol>`.
@@ -1884,5 +1885,9 @@ Here is what the codemod will transform for you:
1884
1885
1885
1886
However, the codemod will **not**:
1886
1887
1887
-
- Replace `<DatagridConfigurable>`.
1888
+
- Replace `<DatagridConfigurable>` with `<DataTable>` (column selection is now natively supported by `<DataTable>`).
1889
+
- Remove the `sortBy` and `sortable` props on fields (sorting is now managed by `<DataTable.Col source>`)
1890
+
- Move the `sortByOrder` prop from the field to `<DataTable.Col>`
1891
+
- Replace a `<FunctionField>` child with `<DataTable.Col render>`
1888
1892
- Replace `<Datagrid>` from `@react-admin/ra-rbac` (and all its children). Refer to [Access Control section](#access-control) to use `<DataTable>` with `<CanAccess>`.
1893
+
- Move the column styles from `<Datagrid sx>` to the individual `<DataTable.Col sx>`
0 commit comments