diff --git a/apps/www/src/content/docs/components/data-table.md b/apps/www/src/content/docs/components/data-table.md index b43074b4..933dbccb 100644 --- a/apps/www/src/content/docs/components/data-table.md +++ b/apps/www/src/content/docs/components/data-table.md @@ -1368,3 +1368,41 @@ const columns = computed(() => props.table.getAllColumns() ```vue ``` + +### Expanding + +Let's add the display of arbitrary content in expandable rows + +```vue + + + +``` + +Now we are not bound to columns content, we can render any component with any content + +```vue + + + +``` diff --git a/apps/www/src/examples/tasks/Example.vue b/apps/www/src/examples/tasks/Example.vue index cd8257c5..869b2c5b 100644 --- a/apps/www/src/examples/tasks/Example.vue +++ b/apps/www/src/examples/tasks/Example.vue @@ -1,8 +1,17 @@ diff --git a/apps/www/src/examples/tasks/components/DataTable.vue b/apps/www/src/examples/tasks/components/DataTable.vue index 4730b371..21d81f47 100644 --- a/apps/www/src/examples/tasks/components/DataTable.vue +++ b/apps/www/src/examples/tasks/components/DataTable.vue @@ -1,7 +1,9 @@ -