可拖动表格列的 Table

组件开发背景

从 AntDesign 4.x 开始，Table 不支持拖动表格列的 API，因此，该组件重新封装了 Table 组件。

组件使用说明

1. 该组件继承了 AntDesign 5.x中 Table 组件的所有 API，和 Table 使用一致。

2. width: string | number

   • 使用拖动表格列宽度功能时，columns 中每一列的宽度必填，不填默认设置为 100px。
   • 建议使用百分比或精确数字，例如 width: '10%' 或 width: 100，否则宽度可能不生效（AntDesign 的 Table 也不建议使用 width: '100px'），导致拖动功能不生效。
   • 每列都设置宽度且统一格式时，位置更新更精确。建议统一使用百分比格式,但列宽度总和不要超过100%。

示例

const columns = [
  {
    dataIndex: 'name',
    title: 'Name',
    width: '10%' // width: 100 // width : '100px'
    ellipsis: true,
  },
];