Skip to content

Commit ba3d5e2

Browse files
authored
docs(table): describe meta field on columns (#3160)
1 parent 1b989c4 commit ba3d5e2

File tree

1 file changed

+4
-0
lines changed

1 file changed

+4
-0
lines changed

docs/content/3.components/table.md

+4
Original file line numberDiff line numberDiff line change
@@ -77,6 +77,10 @@ Use the `columns` prop as an array of [ColumnDef](https://tanstack.com/table/lat
7777
- `accessorKey`: [The key of the row object to use when extracting the value for the column.]{class="text-[var(--ui-text-muted)]"}
7878
- `header`: [The header to display for the column. If a string is passed, it can be used as a default for the column ID. If a function is passed, it will be passed a props object for the header and should return the rendered header value (the exact type depends on the adapter being used).]{class="text-[var(--ui-text-muted)]"}
7979
- `cell`: [The cell to display each row for the column. If a function is passed, it will be passed a props object for the cell and should return the rendered cell value (the exact type depends on the adapter being used).]{class="text-[var(--ui-text-muted)]"}
80+
- `meta`: [Extra properties for the column.]{class="text-[var(--ui-text-muted)]"}
81+
- `class`:
82+
- `td`: [The classes to apply to the `td` element.]{class="text-[var(--ui-text-muted)]"}
83+
- `th`: [The classes to apply to the `th` element.]{class="text-[var(--ui-text-muted)]"}
8084

8185
In order to render components or other HTML elements, you will need to use the Vue [`h` function](https://vuejs.org/api/render-function.html#h) inside the `header` and `cell` props. This is different from other components that use slots but allows for more flexibility.
8286

0 commit comments

Comments
 (0)