demo: update

Author: linxianxi

docs/examples/virtual.tsx

@@ -11,7 +11,7 @@ interface RecordType {
   indexKey: string;
 }
 
-const columns: ColumnsType = [
+const defaultColumns: ColumnsType = [
   // { title: 'title1', dataIndex: 'a', key: 'a', width: 100,},
   // { title: 'title1', dataIndex: 'a', key: 'a', width: 100, },
   { title: 'title1', dataIndex: 'a', key: 'a', width: 100, fixed: 'left' },
@@ -183,16 +183,13 @@ const Demo = () => {
   const tblRef = React.useRef<Reference>();
   const [enableColRowSpan, setEnableColRowSpan] = useState(false);
 
-  function cleanOnCell(cols: any = []) {
-    cols.forEach(col => {
-      delete (col as any).onCell;
-
-      cleanOnCell((col as any).children);
+  function cleanOnCell(cols: ColumnsType) {
+    return cols?.map(({ onCell, ...col }: any) => {
+      return { ...col, children: cleanOnCell(col.children) };
     });
   }
-  if (!enableColRowSpan) {
-    cleanOnCell(columns);
-  }
+
+  const columns = enableColRowSpan ? defaultColumns : cleanOnCell(defaultColumns);
 
   return (
     <div style={{ width: 800, padding: `0 64px` }}>
@@ -220,6 +217,7 @@ const Demo = () => {
       </button>
 
       <VirtualTable
+        virtual={{ x: true }}
         columns={columns}
         // expandedRowRender={({ b, c }) => b || c}
         scroll={{ x: 1300, y: 200 }}

src/Table.tsx

@@ -427,6 +427,7 @@ function Table<RecordType extends DefaultRecordType>(
       target(scrollLeft);
     } else if (target.scrollLeft !== scrollLeft) {
       target.scrollLeft = scrollLeft;
+
       // Delay to force scroll position if not sync
       // ref: https://github.com/ant-design/ant-design/issues/37179
       if (target.scrollLeft !== scrollLeft) {
@@ -446,6 +447,7 @@ function Table<RecordType extends DefaultRecordType>(
       const compareTarget = currentTarget || EMPTY_SCROLL_TARGET;
       if (!getScrollTarget() || getScrollTarget() === compareTarget) {
         setScrollTarget(compareTarget);
+
         forceScroll(mergedScrollLeft, scrollHeaderRef.current);
         forceScroll(mergedScrollLeft, scrollBodyRef.current);
         forceScroll(mergedScrollLeft, scrollSummaryRef.current);

src/VirtualTable/index.tsx

@@ -104,7 +104,7 @@ function VirtualTable<RecordType>(props: VirtualTableProps<RecordType>, ref: Rea
 }
 
 export type ForwardGenericVirtualTable = (<RecordType>(
-  props: TableProps<RecordType> & React.RefAttributes<Reference>,
+  props: VirtualTableProps<RecordType> & React.RefAttributes<Reference>,
 ) => React.ReactElement) & { displayName?: string };
 
 const RefVirtualTable = React.forwardRef(VirtualTable) as ForwardGenericVirtualTable;