From b5aba6e007a114e9cd5a19e256976c92b4d6230a Mon Sep 17 00:00:00 2001
From: jialin <jialinkuang@126.com>
Date: Thu, 24 Apr 2025 23:13:00 +0800
Subject: [PATCH] style: distribution info table word wrap

---
 src/components/simple-table/index.tsx           |  1 +
 src/components/simple-table/row.tsx             |  2 +-
 src/pages/llmodels/components/instance-item.tsx | 10 +++++++---
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/components/simple-table/index.tsx b/src/components/simple-table/index.tsx
index 9d2ea8a6..fb44f8aa 100644
--- a/src/components/simple-table/index.tsx
+++ b/src/components/simple-table/index.tsx
@@ -10,6 +10,7 @@ export interface ColumnProps {
   title: string;
   key: string;
   width?: string | number;
+  style?: React.CSSProperties;
   render?: (data: {
     dataIndex: string;
     dataList?: any[];
diff --git a/src/components/simple-table/row.tsx b/src/components/simple-table/row.tsx
index 957010db..330ca1dc 100644
--- a/src/components/simple-table/row.tsx
+++ b/src/components/simple-table/row.tsx
@@ -52,7 +52,7 @@ const TableCell: React.FC<TableCellProps> = (props: TableCellProps) => {
         dataList: dataList
       })}
     >
-      <span className="cell-span">
+      <span className="cell-span" style={column.style}>
         {column.render
           ? column.render({
               dataIndex: column.key,
diff --git a/src/pages/llmodels/components/instance-item.tsx b/src/pages/llmodels/components/instance-item.tsx
index 17242227..03b0366c 100644
--- a/src/pages/llmodels/components/instance-item.tsx
+++ b/src/pages/llmodels/components/instance-item.tsx
@@ -287,7 +287,10 @@ const renderGpuIndexs = (gpuIndexes: number[]) => {
 const distributeCols: ColumnProps[] = [
   {
     title: 'Worker',
-    key: 'worker_name'
+    key: 'worker_name',
+    style: {
+      wordBreak: 'break-word'
+    }
   },
   {
     title: 'IP',
@@ -301,13 +304,14 @@ const distributeCols: ColumnProps[] = [
     locale: true,
     key: 'gpu_index',
     render: ({ row }) => {
+      const list = _.sortBy(row.gpu_index, (item: number) => item);
       return row.is_main ? (
         <>
-          {renderGpuIndexs(row.gpu_index)}
+          {renderGpuIndexs(list)}
           <span>(main)</span>
         </>
       ) : (
-        renderGpuIndexs(row.gpu_index)
+        renderGpuIndexs(list)
       );
     }
   },