为什么都在使用react-resizable拖动?use-antd-resizable-header也可以的。

192 阅读1分钟

下载:npm i use-antd-resizable-header或pnpm add use-antd-resizable-header 下载

引用:

// import { useAntdResizableHeader } from '@minko-fe/use-antd-resizable-header';
// import '@minko-fe/use-antd-resizable-header/dist/style.css'; //2.8.13

使用:

// import { useMemo } from 'react';
// const { resizableColumns, components, tableWidth } = useAntdResizableHeader({
// columns: useMemo(() => columns, []),//columns 表头数据直接用
// });

代码:

// <Table
//      columns={resizableColumns}
//      components={components}//开启拖动
//      scroll={{ x: tableWidth, y: 200, scrollToFirstRowOnChange: true }}
//.../>