react-bootstrap-table2 自定义全选

问题描述

我正在将 react-bootstrap-table2 与工具包提供程序一起使用，我需要使用分页器检查所有内容。这是如何做到这一点的示例http://allenfang.github.io/react-bootstrap-table/example.html#selection 但它不包括工具包提供程序。

根据示例，重点不是返回行而是返回整个数据（在我的例子中是 this.state.data）。我认为我唯一缺少的想法是为行设置 id。怎么做？还是我没抓住重点？

这是我的代码

    const selectRowProp = {
        mode: 'checkBox',clickToSelect: true,onSelectAll: (rows,isSelected) => {
             if (isSelect) {
               return this.state.data.map(p => p["_id"]);    //returns only first page checked
             }
            else {
              return [];
              }
        }
    }

   <ToolkitProvider
        keyField="_id"   //this seems not working
        data={this.state.data}
        columnToggle
        columns={this.state.columns}
        noDataIndication={() => <NoDataIndication />}>
        {
         props => (
         <CustomToggleList {...props.columnToggleProps} />
                                <BootstrapTable {...props.baseProps}
                                    pagination={
                                         paginationFactory(options) 
                                    }
                                    bordered={false}
                                    bootstrap4
                                    selectRow={selectRowProp}
                                    hover
                                    printable
                                    expandRow={expandRow}
                                    cellEdit={cellEditFactory({
                                        mode: 'dbclick',blurToSave: true
                                    })}
                                />
                        )

columns 是很长的复杂列表，所以这里是示例。我添加了隐藏的 _id 字段

       { datafield: '_source._id',text: 'ID',hidden: true,isKey: true
        },{
         datafield: '_source.@timestamp',text: 'TIMESTAMP',editable: false,sort: true,},{
         datafield: '_source.type',text: 'TYPE',sort: true
        }...

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）