Ant Design Table columns 参数配置隐藏列方法

最新推荐文章于 2024-07-18 16:57:38 发布

原创最新推荐文章于 2024-07-18 16:57:38 发布 · 9.8k 阅读

3 ·

CC 4.0 BY-SA版权

本文介绍如何使用 AntDesign 的 Table 组件通过 className 属性设置 'display: none' 来隐藏特定列的方法。示例代码展示了如何隐藏 '姓名' 列。

Ant Design Table columns 参数配置隐藏列方法

const columns = [
  {
    title: '姓名',
    dataIndex: 'name',
    key: 'name',
    // 隐藏姓名这一列
    className:'tableHiddle',
  },
  {
    title: '年龄',
    dataIndex: 'age',
    key: 'age',
  },
  {
    title: '住址',
    dataIndex: 'address',
    key: 'address',
  },
];