From e80ecfac8dfb997ca7d0b63067f7e66368f2f22b Mon Sep 17 00:00:00 2001
From: jialin <jialinkuang@126.com>
Date: Fri, 21 Nov 2025 16:55:01 +0800
Subject: [PATCH] style: table header text-overflow

---
 src/components/seal-table/components/table-header.tsx | 9 +++++++--
 src/pages/resources/hooks/use-files-columns.tsx       | 3 ++-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/seal-table/components/table-header.tsx b/src/components/seal-table/components/table-header.tsx
index 22deb3fd..93a82242 100644
--- a/src/components/seal-table/components/table-header.tsx
+++ b/src/components/seal-table/components/table-header.tsx
@@ -1,3 +1,4 @@
+import AutoTooltip from '@/components/auto-tooltip';
 import { CaretDownOutlined, CaretUpOutlined } from '@ant-design/icons';
 import classNames from 'classnames';
 import React from 'react';
@@ -40,7 +41,9 @@ const TableHeader: React.FC<TableHeaderProps> = (props) => {
     >
       {sorter ? (
         <span className="sorter-header" onClick={handleOnSort}>
-          <span className="table-header-cell">{title}</span>
+          <AutoTooltip ghost>
+            <span className="table-header-cell">{title}</span>
+          </AutoTooltip>
           <span className="sorter">
             <CaretUpOutlined
               className={classNames('sorter-up', {
@@ -55,7 +58,9 @@ const TableHeader: React.FC<TableHeaderProps> = (props) => {
           </span>
         </span>
       ) : (
-        <div className="table-header-cell">{title}</div>
+        <AutoTooltip ghost>
+          <span className="table-header-cell">{title}</span>
+        </AutoTooltip>
       )}
     </div>
   );
diff --git a/src/pages/resources/hooks/use-files-columns.tsx b/src/pages/resources/hooks/use-files-columns.tsx
index 69f4d23c..8faf5021 100644
--- a/src/pages/resources/hooks/use-files-columns.tsx
+++ b/src/pages/resources/hooks/use-files-columns.tsx
@@ -282,6 +282,7 @@ const useFilesColumns = (props: {
       {
         title: intl.formatMessage({ id: 'resources.worker' }),
         dataIndex: 'worker_name',
+        width: '18%',
         ellipsis: {
           showTitle: false
         },
@@ -296,7 +297,7 @@ const useFilesColumns = (props: {
       {
         title: intl.formatMessage({ id: 'common.table.status' }),
         dataIndex: 'state',
-        width: 132,
+        width: 160,
         render: (text: string, record: ListItem) => {
           return <InstanceStatusTag data={record} />;
         }