ReactJS React-Table动态类名

时间:2019-03-08 06:32:53

标签: reactjs

我当前正在使用称为reacttable的reactjs库。它的工作发现,但我很难使类名动态化。我想在单元格中添加过期的课程

这是我的代码

<ReactTable
          data={TaskObject}
          filterable
          defaultFilterMethod={(filter, row) =>
            String(row[filter.id]) === filter.value
          }
          columns={[
            {
              Header: "Due Date",
              id: "IndividualTaskDueDate",
              accessor: d => {
                return d.IndividualTaskDueDate
                  ? d.IndividualTaskDueDate.format("MM/DD/YYYY")
                  : null;
              },
              minWidth: 120,
              maxWidth: 120,
              Cell: this.renderEditable,
              className: d => {
                return moment().isAfter(d.IndividualTaskDueDate)
                  ? "overdue"
                  : "";
              },
              filterMethod: (filter, row) => {
                if (filter.value === "all") {
                  return true;
                } else {
                  return row[filter.id] === filter.value;
                }
              },

            }]} />

请注意,“ IndividualTask​​DueDate”值已在当前时刻

0 个答案:

没有答案
相关问题