Как я могу сделать выбор всех в столбце флажков с сеткой реагирующих данных?

Question

У меня есть таблица реагирующих данных, где каждая ячейка содержит флажок, а рядом с именем каждого столбца есть флажок.Когда я нажимаю флажок рядом с именем столбца, я хочу отметить все флажки, которые соответствуют этому столбцу.Это возможно?

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}/>;

Answer 1

Вы должны проверить их документацию. Это должно помочь. https://adazzle.github.io/react-data-grid/docs/examples/row-selection