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 = (props: TableCellProps) => { dataList: dataList })} > - + {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)} (main) ) : ( - renderGpuIndexs(row.gpu_index) + renderGpuIndexs(list) ); } },