点击某个条件Ant Design table展开一行table

Question

我是新手。我被困在这里。请帮我解决这个问题。

我需要编写代码，使 table 行仅在它的切换打开时展开，当切换关闭时它不应展开。我已经使用属性 expandRowByClick 在单击时展开一行。但这里的问题是，当开关关闭时，它不应该是可点击的，但现在一个空行会展开。我怎样才能避免它？

谁能帮帮我。谢谢。

沙盒link：https://codesandbox.io/s/purple-sun-1rtz1?file=/index.js

Answer 1

给你，你只需要 rowExpandable :

expandable = {{
    expandedRowRender: record => this.handleRowRender(record),
        rowExpandable: record => {
            if (record.name === "Edward King 0" && !this.state.firstRow) {
                return false;
            } else if (record.name === "Edward King 1" && !this.state.secondrow) {
                return false;
            }
            return true;
        },
}}

工作演示 :

点击某个条件Ant Design table展开一行table

Expand a row of a table by click on a certain condition Ant Design table

expand

reactjs

antd