fix(Table): min-width no works and skip fixed layout

Author: RylanBot

packages/components/table/BaseTable.tsx

@@ -2,7 +2,7 @@ import React, { forwardRef, RefAttributes, useEffect, useImperativeHandle, useMe
 import classNames from 'classnames';
 import { pick } from 'lodash-es';
 import log from '@tdesign/common-js/log/index';
-import { getIEVersion } from '@tdesign/common-js/utils/helper';
+import { getIEVersion, isChromium } from '@tdesign/common-js/utils/helper';
 import Affix, { type AffixRef } from '../affix';
 import useDefaultProps from '../hooks/useDefaultProps';
 import useElementLazyRender from '../hooks/useElementLazyRender';
@@ -308,11 +308,20 @@ const BaseTable = forwardRef<BaseTableRef, BaseTableProps>((originalProps, ref)
           width: formatCSSUnit((isFixedHeader || resizable ? thWidthList.current[col.colKey] : undefined) || col.width),
         };
         if (col.minWidth) {
-          style.minWidth = formatCSSUnit(col.minWidth);
+          if (isChromium()) {
+            style.minWidth = formatCSSUnit(col.minWidth);
+          } else {
+            style.width = formatCSSUnit(col.minWidth);
+          }
         }
         // 没有设置任何宽度的场景下，需要保留表格正常显示的最小宽度，否则会出现因宽度过小的抖动问题
         if (!style.width && !col.minWidth && props.tableLayout === 'fixed') {
-          style.minWidth = '80px';
+          if (isChromium()) {
+            style.minWidth = '80px';
+          } else {
+            // 非 Chromium 内核浏览器中，min-width 兼容性差
+            style.width = '80px';
+          }
         }
         return <col key={col.colKey || index} style={style} />;
       })}

packages/components/table/__tests__/__snapshots__/pagination.test.tsx.snap

@@ -149,13 +149,13 @@ exports[`BaseTable Pagination > locale data pagination controlled > pagination.c
     >
       <colgroup>
         <col
-          style="min-width: 80px;"
+          style="width: 80px;"
         />
         <col
-          style="min-width: 80px;"
+          style="width: 80px;"
         />
         <col
-          style="min-width: 80px;"
+          style="width: 80px;"
         />
       </colgroup>
       <thead

packages/components/table/__tests__/__snapshots__/vitest-table.test.jsx.snap

@@ -14,13 +14,13 @@ exports[`BaseTable Component > props.showHeader: BaseTable contains element \`th
       >
         <colgroup>
           <col
-            style="min-width: 80px;"
+            style="width: 80px;"
           />
           <col
-            style="min-width: 80px;"
+            style="width: 80px;"
           />
           <col
-            style="min-width: 80px;"
+            style="width: 80px;"
           />
         </colgroup>
         <thead
@@ -169,13 +169,13 @@ exports[`BaseTable Component > props.size is equal to large 1`] = `
       >
         <colgroup>
           <col
-            style="min-width: 80px;"
+            style="width: 80px;"
           />
           <col
-            style="min-width: 80px;"
+            style="width: 80px;"
           />
           <col
-            style="min-width: 80px;"
+            style="width: 80px;"
           />
         </colgroup>
         <thead
@@ -324,13 +324,13 @@ exports[`BaseTable Component > props.size is equal to medium 1`] = `
       >
         <colgroup>
           <col
-            style="min-width: 80px;"
+            style="width: 80px;"
           />
           <col
-            style="min-width: 80px;"
+            style="width: 80px;"
           />
           <col
-            style="min-width: 80px;"
+            style="width: 80px;"
           />
         </colgroup>
         <thead
@@ -479,13 +479,13 @@ exports[`BaseTable Component > props.size is equal to small 1`] = `
       >
         <colgroup>
           <col
-            style="min-width: 80px;"
+            style="width: 80px;"
           />
           <col
-            style="min-width: 80px;"
+            style="width: 80px;"
           />
           <col
-            style="min-width: 80px;"
+            style="width: 80px;"
           />
         </colgroup>
         <thead
@@ -783,13 +783,13 @@ exports[`BaseTable Component > props.tableLayout is equal to fixed 1`] = `
       >
         <colgroup>
           <col
-            style="min-width: 80px;"
+            style="width: 80px;"
           />
           <col
-            style="min-width: 80px;"
+            style="width: 80px;"
           />
           <col
-            style="min-width: 80px;"
+            style="width: 80px;"
           />
         </colgroup>
         <thead