Przeglądaj źródła

✨ feat(admin): 优化训练码表格展示样式

- 添加表格边框(bordered)增强视觉分隔
- 设置横向滚动(scroll.x)以适应宽表格内容
- 表头背景色设置为浅灰(#f9fafb)提升可读性
- 实现表格行交替背景色(白色/浅灰)优化视觉体验
yourname 5 miesięcy temu
rodzic
commit
912d32f50c
1 zmienionych plików z 4 dodań i 0 usunięć
  1. 4 0
      src/client/admin/pages/StockXunlianCodesPage.tsx

+ 4 - 0
src/client/admin/pages/StockXunlianCodesPage.tsx

@@ -269,6 +269,10 @@ export const StockXunlianCodesPage: React.FC = () => {
         }}
         onChange={(p) => setPagination({ ...pagination, current: p.current || 1, pageSize: p.pageSize || 10 })}
         rowKey="id"
+        bordered
+        scroll={{ x: 'max-content' }}
+        headerCellStyle={{ backgroundColor: '#f9fafb' }}
+        rowClassName={(record, index) => index % 2 === 0 ? 'bg-white' : 'bg-gray-50'}
       />
       
       <Modal