demo: demo add getContainerWidth

Author: linxianxi

docs/examples/column-resize.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import Table from 'rc-table';
+import Table, { INTERNAL_HOOKS } from 'rc-table';
 import type { ColumnType } from 'rc-table';
 import '../../assets/index.less';
 
@@ -63,6 +63,15 @@ const Demo = () => {
             return result;
           });
         }}
+        internalHooks={INTERNAL_HOOKS}
+        getContainerWidth={(ele, width) => {
+          // Minus border
+          const borderWidth = getComputedStyle(
+            ele.querySelector('.rc-table-body'),
+          ).borderInlineStartWidth;
+          const mergedWidth = width - parseInt(borderWidth, 10);
+          return mergedWidth;
+        }}
       />
       <br />
       大多数情况
@@ -80,6 +89,15 @@ const Demo = () => {
             return result;
           });
         }}
+        internalHooks={INTERNAL_HOOKS}
+        getContainerWidth={(ele, width) => {
+          // Minus border
+          const borderWidth = getComputedStyle(
+            ele.querySelector('.rc-table-body'),
+          ).borderInlineStartWidth;
+          const mergedWidth = width - parseInt(borderWidth, 10);
+          return mergedWidth;
+        }}
       />
       {/* <Table resizable style={{ width: 800 }} columns={columns} data={data} /> */}
     </div>

src/Header/useCellResize.tsx

@@ -63,7 +63,6 @@ export default function useCelResize(
       // If there is no column on the right, it will be allocated to the column on the left.
       let addWidthColumnKey: React.Key;
       const isDecreasingWidth = oldWidth - newWidth > 0;
-      console.log('smallThanWidth', smallThanWidth);
       if (smallThanWidth > 0 && isDecreasingWidth) {
         const index = colsKeys.findIndex(key => key === columnKey);
         addWidthColumnKey = colsKeys[index + 1] ?? colsKeys[index - 1];