账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    antd的表格展开,如何有的可以展开有的不展开?
    26
    0

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

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

    谢谢大神

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 在Ant Design中,可以使用<Table>expand 属性来控制表格的展开。默认情况下,expand 属性用于展开所有行。然而,你也可以通过在expand 属性的参数中设置一个布尔值来控制展开的行数。

      例如,如果你想要在展开第一行时展开第一行的行,可以这样做:

      ```jsx import { Table } from 'antd';

      const columns = [ { title: '序号', dataIndex: 'id', key: 'id' }, { title: '姓名', dataIndex: 'name', key: 'name' }, ];

      const data = [ { id: 1, name: '张三' }, { id: 2, name: '李四' }, ];

      const columnsWrapper = (

      );

      export default columnsWrapper; ```

      在这个例子中,expand 属性被设置为true,因此第一行会默认展开。如果你想要展开其他行,可以将expand 属性的值更改为false

      注意,expand 属性的默认值为false,因此如果你的表格已经展开,你可能需要手动设置expand 属性。例如:

      ```jsx import { Table } from 'antd';

      const columns = [ { title: '序号', dataIndex: 'id', key: 'id' }, { title: '姓名', dataIndex: 'name', key: 'name' }, ];

      const data = [ { id: 1, name: '张三' }, { id: 2, name: '李四' }, ];

      const columnsWrapper = (

      );

      export default columnsWrapper; ```

      更多回答
      扫一扫访问手机版
      • 回到顶部
      • 回到顶部