From d33b937be6d08749b68d15a5ee868ee1f2fe9327 Mon Sep 17 00:00:00 2001
From: euvre <93761161+euvre@users.noreply.github.com>
Date: Mon, 10 Aug 2026 22:59:51 -0700
Subject: [PATCH] fix(web): prevent column shift in data source log table
 (#17940)

---
 .../data-source-detail-page/log-table.tsx           | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/web/src/pages/user-setting/data-source/data-source-detail-page/log-table.tsx b/web/src/pages/user-setting/data-source/data-source-detail-page/log-table.tsx
index b9e38cf7e3..3eaafb53ef 100644
--- a/web/src/pages/user-setting/data-source/data-source-detail-page/log-table.tsx
+++ b/web/src/pages/user-setting/data-source/data-source-detail-page/log-table.tsx
@@ -129,6 +129,7 @@ const columns = ({
     {
       accessorKey: 'update_date',
       header: t('setting.timeStarted'),
+      meta: { headerClassName: 'w-44' },
       cell: ({ row }) => (
         <div className="flex items-center gap-2 text-text-primary">
           {row.original.update_date
@@ -140,6 +141,7 @@ const columns = ({
     {
       accessorKey: 'status',
       header: t('knowledgeDetails.status'),
+      meta: { headerClassName: 'w-28' },
       cell: ({ row }) => (
         <FileStatusBadge
           status={row.original.status as RunningStatus}
@@ -151,6 +153,7 @@ const columns = ({
     {
       accessorKey: 'kb_name',
       header: t('knowledgeDetails.dataset'),
+      meta: { headerClassName: 'w-1/4' },
       cell: ({ row }) => {
         return (
           <div
@@ -164,7 +167,7 @@ const columns = ({
               name={row.original.kb_name}
               className="size-4"
             />
-            {row.original.kb_name}
+            <span className="truncate">{row.original.kb_name}</span>
           </div>
         );
       },
@@ -172,6 +175,7 @@ const columns = ({
     {
       accessorKey: 'task_type',
       header: 'Task Type',
+      meta: { headerClassName: 'w-28' },
       cell: ({ row }) => row.original.task_type || 'sync',
     },
     {
@@ -250,12 +254,15 @@ export const DataSourceLogsTable = ({
     // <div className="w-full h-[calc(100vh-360px)]">
     //   <Table rootClassName="max-h-[calc(100vh-380px)]">
     <div className="w-full">
-      <Table>
+      <Table className="table-fixed">
         <TableHeader>
           {table.getHeaderGroups().map((headerGroup) => (
             <TableRow key={headerGroup.id}>
               {headerGroup.headers.map((header) => (
-                <TableHead key={header.id}>
+                <TableHead
+                  key={header.id}
+                  className={header.column.columnDef.meta?.headerClassName}
+                >
                   {flexRender(
                     header.column.columnDef.header,
                     header.getContext(),