antd的表格展开,如何有的可以展开有的不展开?

如果设置了expandedRowRender,那么默认每一行都可以展开,但是我的数据,不是每行都有展开的,如果能有的行可以展开,有+号,有的行不展开,不显示+号呢?

用children好像无法满足我的要求,因为我展开的内容是自定义的

谢谢大神

阅读 9.4k
3 个回答

expandedRowKeys这个属性就是控制要展开的行.
eg: expandedRowKeys={['1', '3', '5']} 展开key为1, 3, 5的行。

哈哈,看到这个问题晚了,刚有朋友遇到这个问题目前官方还没直接的处理方式,可能没有看到,现在用expandIcon 实现了,有需要看的朋友可以移步https://blog.csdn.net/jason_renyu/article/details/129738269

主要代码有:

return (
    <Table
      className="components-table-demo-nested"
      columns={columns}
      expandedRowRender={expandedRowRender}
      expandIcon={(props) => {
          // 不需要展示的条件判断
        if (props.record.key === 1) {
          return "";
        }
        if (props.expanded) {
          return <a onClick={(e) => props.onExpand(props.record, e)}>-</a>;
        } else {
          return <a onClick={(e) => props.onExpand(props.record, e)}>+</a>;
        }
      }}
      dataSource={data}
    />
  );
新手上路,请多包涵

rowExpandable 设置是否允许行展开 (record) => boolean

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题