diff --git a/packages/documentation/pages/usage/components/table.vue b/packages/documentation/pages/usage/components/table.vue
index 4adc4af31..d5917db75 100644
--- a/packages/documentation/pages/usage/components/table.vue
+++ b/packages/documentation/pages/usage/components/table.vue
@@ -61,17 +61,13 @@
v-if="booleanFlags.isEmpty && booleanFlags.showEmptySlot"
#empty
>
-
+
-
+
Expanded content
@@ -282,7 +278,7 @@ export default defineComponent({
}),
createColumn({
display: getCustomDisplay({
- align: 'right',
+ align: 'center',
disableCellClick: false,
isNumeric: false,
render: (value: string) => value.replaceAll('e', 'x'),
@@ -291,7 +287,6 @@ export default defineComponent({
id: 'lifespan',
isSortable: true,
label: 'Lifespan (click allowed)',
- maxWidth: '100px',
}),
...(booleanFlags.value.hasDragAndDrop
? [
@@ -449,7 +444,6 @@ export default defineComponent({
label: 'table has drag and drop',
},
{
- isDisabled: booleanFlags.value.isLoading,
key: 'isEmpty',
label: 'table is empty',
},
@@ -462,11 +456,10 @@ export default defineComponent({
]
: []),
{
- isDisabled: booleanFlags.value.isEmpty,
key: 'isLoading',
label: 'table is loading',
},
- ...(booleanFlags.value.isLoading
+ ...(booleanFlags.value.isLoading && booleanFlags.value.isEmpty
? [
{
key: 'showLoadingSlot',
diff --git a/packages/kotti-ui/source/kotti-table/KtTable.vue b/packages/kotti-ui/source/kotti-table/KtTable.vue
index f5c3b809d..94751ee1d 100644
--- a/packages/kotti-ui/source/kotti-table/KtTable.vue
+++ b/packages/kotti-ui/source/kotti-table/KtTable.vue
@@ -14,13 +14,14 @@
:colSpan="header.colSpan"
:data-test="header.dataTest"
:draggable="header.isDraggable"
+ :style="header.style"
@click="(e) => handleHeaderClick(e, header)"
@dragenter.prevent
@dragleave.prevent
@dragover.prevent="(e) => handleCellDragOver(e, header.id)"
@dragstart="(e) => handleHeaderDragStart(e, header.id)"
>
-