From 30bc06726985636602a7e9c42f0802c06dfe4e05 Mon Sep 17 00:00:00 2001
From: Alexander Trost <galexrt@googlemail.com>
Date: Sun, 7 Apr 2024 13:45:33 +0200
Subject: [PATCH] feat(Table): add rowClass to columns list

This allows the columns list to specify a class to be set on the rows
columns.

Signed-off-by: Alexander Trost <galexrt@googlemail.com>
---
 docs/content/2.components/table.md    | 1 +
 src/runtime/components/data/Table.vue | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/docs/content/2.components/table.md b/docs/content/2.components/table.md
index f747feff2..34e21e3cd 100644
--- a/docs/content/2.components/table.md
+++ b/docs/content/2.components/table.md
@@ -29,6 +29,7 @@ Use the `columns` prop to configure which columns to display. It's an array of o
 - `sortable` - Whether the column is sortable. Defaults to `false`.
 - `direction` - The sort direction to use on first click. Defaults to `asc`.
 - `class` - The class to apply to the column cells.
+- `rowClass` - The class to apply to the data column cells.
 - `sort` - Pass your own `sort` function. Defaults to a simple _greater than_ / _less than_ comparison.
 
 ::component-example{class="grid"}
diff --git a/src/runtime/components/data/Table.vue b/src/runtime/components/data/Table.vue
index e85c0ecbc..9fc69aa8d 100644
--- a/src/runtime/components/data/Table.vue
+++ b/src/runtime/components/data/Table.vue
@@ -66,7 +66,7 @@
               <UCheckbox v-model="selected" :value="row" v-bind="ui.default.checkbox" aria-label="Select row" @click.stop />
             </td>
 
-            <td v-for="(column, subIndex) in columns" :key="subIndex" :class="[ui.td.base, ui.td.padding, ui.td.color, ui.td.font, ui.td.size, row[column.key]?.class]">
+            <td v-for="(column, subIndex) in columns" :key="subIndex" :class="[ui.td.base, ui.td.padding, ui.td.color, ui.td.font, ui.td.size, column?.rowClass, row[column.key]?.class]">
               <slot :name="`${column.key}-data`" :column="column" :row="row" :index="index" :get-row-data="(defaultValue) => getRowData(row, column.key, defaultValue)">
                 {{ getRowData(row, column.key) }}
               </slot>
@@ -119,6 +119,7 @@ interface Column {
   sort?: (a: any, b: any, direction: 'asc' | 'desc') => number
   direction?: 'asc' | 'desc'
   class?: string
+  rowClass?: string
   [key: string]: any
 }