antd Table嵌套子表格隐藏加号 及点击指定列数据展开子表格

将加号放在指定列 

    <Table
                dataSource={dataSource}

                columns={ahStockColumn}

                bordered

                size="small"

                pagination={false}

                expandIconAsCell={false} // 将树形展开 icon 与第一列数据合并

                expandedRowRender={this.expandedRowRender}

                expandIconColumnIndex={1}

            />

 

隐藏加号并且点击指定列数据展开子表格 

    renderTable = (data) => {

        const { queryIssuer，dataSource  } = this.store;

        const ahStockColumn = [

            {

                title: '报告类型',

                dataIndex: 'companyName',

                key: 'companyName',

                align: 'center',

                width: '50%'

            },

            {

                title: '报告数',

                dataIndex: 'data',

                key: 'data',

                align: 'center',

                width: '50%',

                render: (value, record, index) => {

                    return (

                        <span

                            onClick={(e) => {

                                this.isExpanded(index);

                            }}

                        >

                            {value}

                        </span>

                    );

                }

            }

        ];

        return (

            <Table

                dataSource={dataSource}

                columns={ahStockColumn}

                bordered

                size="small"

                pagination={false}

                expandIconAsCell={false} // 将树形展开icon 与第一列数据合并

                expandedRowRender={this.expandedRowRender}

                expandedRowKeys={this.state.expandedKey} //展开行的key值（每行必须有key值才能展开）

                expandIconColumnIndex={-1}/>

        );

    };



    isExpanded = (index) => {

        const expandedKey = this.state.expandedKey;

        if (expandedKey.indexOf(index) == -1) {

            expandedKey.push(index);

        } else {

            for (let i = 0; i < expandedKey.length; i++) {

                if (expandedKey[i] === index) {

                    expandedKey.splice(i, 1);

                }

            }

        }

        this.setState({

            expandedKey //设置展开行的key值

        });

    };