Skip to content

Commit 74f567a

Browse files
authored
Merge pull request #5522 from WiXSL/fix-docs-datagrid
[Doc] Added missing Datagrid css rules
2 parents 2343a05 + d2e14cd commit 74f567a

File tree

1 file changed

+17
-9
lines changed

1 file changed

+17
-9
lines changed

docs/List.md

+17-9
Original file line numberDiff line numberDiff line change
@@ -2034,15 +2034,23 @@ export const PostList = props => (
20342034

20352035
The `Datagrid` component accepts the usual `className` prop but you can override many class names injected to the inner components by React-admin thanks to the `classes` property (as most Material UI components, see their [documentation about it](https://material-ui.com/customization/components/#overriding-styles-with-classes)). This property accepts the following keys:
20362036

2037-
| Rule name | Description |
2038-
| ------------- | ------------------------------------------------------------- |
2039-
| `table` | Alternative to using `className`. Applied to the root element |
2040-
| `tbody` | Applied to the tbody |
2041-
| `headerCell` | Applied to each header cell |
2042-
| `row` | Applied to each row |
2043-
| `rowEven` | Applied to each even row |
2044-
| `rowOdd` | Applied to the each odd row |
2045-
| `rowCell` | Applied to the each row cell |
2037+
| Rule name | Description |
2038+
| ---------------- | ------------------------------------------------------------- |
2039+
| `table` | Alternative to using `className`. Applied to the root element |
2040+
| `thead` | Applied to the header of the `Datagrid` |
2041+
| `tbody` | Applied to the tbody |
2042+
| `headerCell` | Applied to each header cell |
2043+
| `headerRow` | Applied to each header row |
2044+
| `row` | Applied to each row |
2045+
| `rowEven` | Applied to each even row |
2046+
| `rowOdd` | Applied to each odd row |
2047+
| `rowCell` | Applied to each row cell |
2048+
| `expandHeader` | Applied to each expandable header cell |
2049+
| `clickableRow` | Applied to each row if `rowClick` prop is truthy |
2050+
| `expandIconCell` | Applied to each expandable cell |
2051+
| `expandIcon` | Applied to each expand icon |
2052+
| `expanded` | Applied to each expanded icon |
2053+
| `checkbox` | Applied to each checkbox cell |
20462054

20472055
You can customize the `<Datagrid>` styles by passing a `classes` object as prop, through `useStyles()`. Here is an example:
20482056

0 commit comments

Comments
 (0)