Skip to content

[Doc] Fix anchors and code examples #10807

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
djhi merged 1 commit into from
Jun 25, 2025
+10 −10
Merged

[Doc] Fix anchors and code examples #10807

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 8 additions & 8 deletions docs/DataTable.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -143,7 +143,7 @@ const PostList = () => (
```
{% endraw %}

**Tip**: `<DataTable>` also lets you customize the table [header](#header) and [footer](#footer) components.
**Tip**: `<DataTable>` also lets you customize the table [header](#head) and [footer](#foot) components.

## `bulkActionButtons`

Expand Down Expand Up @@ -743,7 +743,7 @@ Using the `isRowExpandable` prop, you can customize which rows can have a collap
For instance, this code shows an expand button only for rows that have a detail to show:

```tsx
import { List, DataTable useRecordContext } from 'react-admin';
import { List, DataTable, useRecordContext } from 'react-admin';

const PostPanel = () => {
const record = useRecordContext();
Expand Down Expand Up @@ -1645,7 +1645,7 @@ An action column should not be sortable, so you don't need to specify a `source`

```tsx
<DataTable.Col>
<EditButton>
<EditButton />
<DeleteButton />
</DataTable.Col>
```
Expand Down Expand Up @@ -1681,9 +1681,9 @@ const ProductList = () => (
</CanAccess>
<CanAccess action="read" resource="products.reference">
<DataTable.Col source="reference" />
</DataTable.Col>
</CanAccess>
<CanAccess action="read" resource="products.category_id">
<DataTable.Col source="category_id" />
<DataTable.Col source="category_id">
<ReferenceField source="category_id" reference="categories" />
</DataTable.Col>
</CanAccess>
Expand Down Expand Up @@ -1715,9 +1715,9 @@ As this is quite verbose, you may prefer using the `<Datagrid>` component from t
- Users must have the `'read'` permission on a resource column to see it in the export:

```jsx
{ action: "read", resource: `${resource}.${source}` }.
{ action: "read", resource: `${resource}.${source}` }
// or
{ action: "read", resource: `${resource}.*` }.
{ action: "read", resource: `${resource}.*` }
```

- Users must have the `'delete'` permission on the resource to see the `<BulkExportButton>`.
Expand Down Expand Up @@ -1786,7 +1786,7 @@ const ProductList = () => (
**Tip**: Adding the 'read' permission for the resource itself doesn't grant the 'read' permission on the columns. If you want a user to see all possible columns, add the 'read' permission on columns using a wildcard:

```jsx
{ action: "read", resource: "products.*" }.
{ action: "read", resource: "products.*" }
```

## Typescript
Expand Down
4 changes: 2 additions & 2 deletions docs/InPlaceEditor.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -158,7 +158,7 @@ For example, to render a `<SelectField>` in read mode, you can use the following

The component to render in edit mode. By default, it's a `<TextInput>` using the `source` prop.

You can use any [input component](./Input.md) instead, as it renders in a `<Form>`. You will probably need to tweak the input variant, margin and style so that it matches the style of the read mode component.
You can use any [input component](./Inputs.md) instead, as it renders in a `<Form>`. You will probably need to tweak the input variant, margin and style so that it matches the style of the read mode component.

<video controls autoplay playsinline muted loop>
<source src="./img/InPlaceEditorField.mp4" type="video/mp4"/>
Expand Down Expand Up @@ -293,4 +293,4 @@ You can use the `sx` prop to apply styles to the read mode, edit mode and saving

- `& .RaInPlaceEditor-reading`: The read mode.
- `& .RaInPlaceEditor-editing`: The editing mode.
- `& .RaInPlaceEditor-saving`: The saving mode.
- `& .RaInPlaceEditor-saving`: The saving mode.
Loading