Skip to content

Commit c0745dd

Browse files
Apply suggestions from code review
Co-authored-by: Jean-Baptiste Kaiser <[email protected]>
1 parent a912bca commit c0745dd

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

docs/Tutorial.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -222,7 +222,7 @@ export const UserList = () => (
222222
<DataTable.Col source="username" />
223223
<DataTable.Col source="email">
224224
<EmailField source="email" />
225-
</DataTable.Col>
225+
</DataTable.Col>
226226
<DataTable.Col source="address.street" />
227227
<DataTable.Col source="phone" />
228228
<DataTable.Col source="website" />
@@ -303,7 +303,7 @@ export const UserList = () => {
303303
<DataTable.Col source="username" />
304304
<DataTable.Col source="email">
305305
<EmailField source="email" />
306-
</DataTable.Col>
306+
</DataTable.Col>
307307
<DataTable.Col source="address.street" />
308308
<DataTable.Col source="phone" />
309309
<DataTable.Col source="website" />
@@ -328,7 +328,7 @@ The `<List>` component's child can be anything—even a custom component with it
328328
## Selecting Columns
329329

330330
Let's get back to `<DataTable>`.
331-
It reads the data fetched by `<List>`, then renders a table with one row for each record. `<DataTable>` uses its child components (here, a list of [Field component](./Fields.md)) to render the columns.
331+
It reads the data fetched by `<List>`, then renders a table with one row for each record. `<DataTable>` uses its child components (a list of `<DataTable.Col>` components) to render the columns.
332332
Each `<DataTable.Col>` component renders one field of the current record, specified by the `source` prop.
333333

334334
`<ListGuesser>` created one column for every field in the API response.
@@ -356,7 +356,7 @@ In react-admin, most configuration is done through components. Instead of using
356356

357357
## Using Field Types
358358

359-
So far, you've used simples [`<DataTable.Col>`](.//DataTable.md#datatablecol) and [`EmailField`](./EmailField.md) as [a `DataTable.Col` `field`](./DataTable.md#field).
359+
So far, you've used [`<DataTable.Col>`](./DataTable.md#datatablecol) directly and [`EmailField`](./EmailField.md) as [a `<DataTable.Col>` child](./DataTable.md#children-1).
360360
React-admin provides [many more Field components](./Fields.md) to handle different data types—numbers, dates, images, arrays, and more.
361361

362362
For instance, instead of displaying the `website` field as plain text, you could make it a clickable link using [`<UrlField>`](./UrlField.md):

0 commit comments

Comments
 (0)