是否可以对npm-react-datatable中的复选框进行排序？

如何解决是否可以对npm-react-datatable中的复选框进行排序？

我正在使用一列充满复选框的复选框来选中/取消选中。在标题中，该列未排序，因为它在文本列（例如名称）中排序。有没有一种方法可以对复选框进行排序，在单击标题时，必须首先显示已选中的复选框，而未选中的复选框必须位于已选中的复选框旁边。再次单击，它必须回到原始状态。

checkbox

我的下面的代码：

import DataTable from "react-data-table-component";

changeHandler = (item,status,evt) => {
    if (item != undefined) {
      this.state.showError = false;

      for (var i = 0; i < this.state.datalist.length; i++) {
        if (item._id == this.state.datalist[i]._id) {
          this.state.datalist[i].istoday = evt.target.checked ? 1 : 0;

          this.setState((state,props) => ({
            datalist: this.state.datalist,}));
          break;
        }
      }
    }
  };

 let usercolumns = [
      {
        name: "Choose",selector: "order",sortable: true,compact: true,width: "10%",cell: (row) => (
          <div className="w100">
            <label className="show-sm">
              {this.props.data[0].show}
            </label>
            <label className="check-lbl">
              <input
                type="checkBox"
                name={"chk_" + row.id}
                id={"chk_" + row.id}
                data-toggle="modal"
                checked={
                  row.istoday != undefined
                    ? row.istoday
                    : row.nottoday
                }
                onChange={this.changeHandler.bind(
                  this,row,row.istoday ? 1 : 0
                )}
              />
              <span className="checkmark"></span>
            </label>
          </div>
        ),},]