fix(style): table cell overflow

src/pages/gpu-service/instances/hooks/use-instances-columns.tsx

@@ -195,7 +195,11 @@ const useInstancesColumns = ({
           showTitle: false
         },
         render: (text: string, record: ListItem) => (
-          <AutoTooltip ghost style={{ maxWidth: 360 }}>
+          <AutoTooltip
+            ghost
+            title={<span>{record.displayName || text}</span>}
+            maxWidth={300}
+          >
             <span className="text-primary">{record.displayName || text}</span>
           </AutoTooltip>
         )
@@ -312,7 +316,7 @@ const useInstancesColumns = ({
         ellipsis: {
           showTitle: false
         },
-        width: 260,
+        width: 300,
         render: (_text: string, record: ListItem) => renderInstanceType(record)
       },
       {

src/pages/gpu-service/public-keys/hooks/use-public-key-columns.tsx

@@ -44,7 +44,11 @@ const usePublicKeyColumns = ({
           showTitle: false
         },
         render: (text: string, record: ListItem) => (
-          <AutoTooltip ghost style={{ maxWidth: 360 }}>
+          <AutoTooltip
+            ghost
+            style={{ maxWidth: 360 }}
+            title={<span>{record.displayName || text}</span>}
+          >
             <span className="text-primary">{record.displayName || text}</span>
           </AutoTooltip>
         )

src/pages/gpu-service/storage-types/hooks/use-storage-type-columns.tsx

@@ -55,7 +55,11 @@ const useStorageTypeColumns = ({
         sorter: true,
         ellipsis: { showTitle: false },
         render: (text: string, record: ListItem) => (
-          <AutoTooltip ghost minWidth={20}>
+          <AutoTooltip
+            ghost
+            minWidth={20}
+            title={<span>{record.displayName || text}</span>}
+          >
             <span className="text-primary">{record.displayName || text}</span>
           </AutoTooltip>
         )

src/pages/gpu-service/storage/hooks/use-storage-columns.tsx

@@ -29,7 +29,11 @@ const useStorageColumns = ({
           showTitle: false
         },
         render: (text: string, record: ListItem) => (
-          <AutoTooltip ghost style={{ maxWidth: 360 }}>
+          <AutoTooltip
+            ghost
+            style={{ maxWidth: 360 }}
+            title={<span>{record.displayName || text}</span>}
+          >
             <span className="text-primary">{record.displayName || text}</span>
           </AutoTooltip>
         )