VUE antdv前端table 组件列宽拖动时出现的问题

钢铁慈猫

已于 2024-04-28 15:52:38 修改

阅读量404

点赞数 3

文章标签： vue.js 前端 javascript

于 2024-04-22 22:15:40 首次发布

本文链接：https://blog.csdn.net/mianbao88l/article/details/138094878

版权

在设置列宽的时候，最后一列的列宽不要设置，最后一列设置列宽后会出现拖动放很大的问题。

const columns = ref<TableColumnsType>([
  {
    dataIndex: 'name',
    key: 'name',
    resizable: true,
    width: 150,
  },
  {
    title: 'Age',
    dataIndex: 'age',
    key: 'age',
    resizable: true,
    width: 100,
    minWidth: 100,
    maxWidth: 200,
  },
  {
    title: 'Address',
    dataIndex: 'address',
    key: 'address',
  },
  {
    title: 'Tags',
    key: 'tags',
    dataIndex: 'tags',
  },
  {
    title: 'Action',
    key: 'action',
  },
]);

在最后一列的acion，是没列宽，拖动才正常。这是在列数比较少的时候可以这么弄，列数多的时候，最后一列不设置的话就会太窄。就需要设置列宽