Fix datatable header showing duplicate column names

This commit is contained in:
pa
2026-03-07 21:11:14 +09:00
parent 8f16685ffd
commit baf50d8a62
4 changed files with 19 additions and 12 deletions

View File

@@ -786,7 +786,7 @@
transform: translateY(-50%);
}
@container (max-width: 250px) {
@container (max-width: 220px) {
.nav-shortcut-hint {
display: none;
}

View File

@@ -15,7 +15,7 @@
<TableHeader>
<TableRow v-for="headerGroup in table.getHeaderGroups()" :key="headerGroup.id">
<template v-if="effectiveColumnReorder">
<DragDropProvider @dragEnd="onHeaderDragEnd">
<DragDropProvider :key="dndContextKey" @dragEnd="onHeaderDragEnd">
<template v-for="(header, hIdx) in headerGroup.headers" :key="header.id">
<SortableTableHead
v-if="isReorderable(header)"
@@ -97,7 +97,7 @@
<TableHeader>
<TableRow v-for="headerGroup in table.getHeaderGroups()" :key="headerGroup.id">
<template v-if="effectiveColumnReorder">
<DragDropProvider @dragEnd="onHeaderDragEnd">
<DragDropProvider :key="dndContextKey" @dragEnd="onHeaderDragEnd">
<template v-for="(header, hIdx) in headerGroup.headers" :key="header.id">
<SortableTableHead
v-if="isReorderable(header)"
@@ -421,6 +421,8 @@
const effectiveColumnReorder = computed(() => props.enableColumnReorder && tcColumnOrderLocked.value !== true);
const dndContextKey = computed(() => (props.table?.getVisibleLeafColumns?.() ?? []).map((c) => c.id).join(','));
const emptyType = computed(() => {
const totalRows = props.table?.getCoreRowModel?.().rows?.length ?? 0;
return totalRows === 0 ? 'nodata' : 'nomatch';