chore: worker downloading tooltip

src/components/simple-table/index.less

@@ -31,11 +31,23 @@
 
   .cell-span {
     display: flex;
-    padding: 4px 6px;
+    padding: 6px;
     min-height: 32px;
   }
 
   .cell-header {
     font-weight: var(--font-weight-bold);
   }
+
+  &.light {
+    th {
+      color: var(--ant-color-text);
+      border-bottom: 1px solid var(--ant-color-split);
+    }
+
+    td {
+      color: var(--ant-color-text);
+      border-bottom: 1px solid var(--ant-color-split);
+    }
+  }
 }

src/components/simple-table/index.tsx

@@ -9,6 +9,7 @@ import TableRow from './row';
 export interface ColumnProps {
   title: string;
   key: string;
+  width?: string | number;
   render?: (data: {
     dataIndex: string;
     dataList?: any[];
@@ -34,13 +35,20 @@ export interface ColumnProps {
 }
 
 interface SimpleTableProps {
+  theme?: 'dark' | 'light';
   columns: ColumnProps[];
   dataSource: any[];
   bordered?: boolean;
   rowKey?: string;
 }
 const SimpleTabel: React.FC<SimpleTableProps> = (props) => {
-  const { columns, dataSource, rowKey, bordered = true } = props;
+  const {
+    columns,
+    dataSource,
+    rowKey,
+    bordered = true,
+    theme = 'dark'
+  } = props;
   const scroller = React.useRef<any>(null);
   const { initialize } = useOverlayScroller();
 
@@ -50,7 +58,7 @@ const SimpleTabel: React.FC<SimpleTableProps> = (props) => {
   return (
     <div style={{ maxHeight: 200 }} ref={scroller}>
       <table
-        className={classNames('simple-table', {
+        className={classNames('simple-table', theme, {
           'simple-table-bordered': bordered
         })}
       >

src/components/simple-table/row.tsx

@@ -35,6 +35,7 @@ const TableCell: React.FC<TableCellProps> = (props: TableCellProps) => {
 
   return (
     <td
+      width={column.width}
       key={colIndex}
       rowSpan={column.rowSpan?.({
         row,