如何使用 react-data-grid 在一列复选框上进行全选？答案

【问题标题】：How can I do a select all on a column of checkboxes with a react-data-grid?如何使用 react-data-grid 在一列复选框上进行全选？
【发布时间】：2019-07-10 19:37:46
【问题描述】：

我有一个 react-data-grid，其中每个单元格都包含一个复选框，并且每个列名旁边都有一个复选框。当我单击列名旁边的复选框时，我想检查与该列对应的所有复选框。这可能吗？

let finalNotifications = [];
 finalNotifications.push({
                Domain: "Domain Name",
                Types: "Type Name",
                Email: <input type={"checkbox"}/>,
                Text: <input type={"checkbox"}/>,
                Phone: <input type={"checkbox"}/>
            })
const detailColumns = [
{key: "Domain", name: "Domain"},
{key: 'Types', name: 'Message Name'},
{key: 'Email', name: <div>Email <input type={"checkbox"} onClick={}/></div>},
{key: 'Text', name:  <div>Text <input type={"checkbox"} onClick={}/></div>},
{key: 'Phone', name:  <div>Phone <input type={"checkbox"} onClick={}/></div>}

];

this.setState({notifications: finalNotifications});
notificationRows = this.state.notifications;


<ReactDataGrid
    title={false}
    columns={detailColumns}
    rowGetter={i => notificationRows[i]}
    rowsCount={5}
    minHeight={150}/>;

【问题讨论】：

标签： reactjs react-data-grid

【解决方案1】：

您应该查看他们的文档。这应该会有所帮助。 https://adazzle.github.io/react-data-grid/docs/examples/row-selection

【讨论】：