如何降低React表/反应复选框表中的特定行高

Question

我正在将React table与checkbox属性一起使用，并希望减小默认的React Table行高，以便表中可以容纳20行。

代码段：

列定义的结构：

function getColumns() {
  const columns = [
    { Header: "From", accessor: "senderID" },
    { Header: "To", accessor: "receiverID" },
    { Header: "Transaction File", accessor: "fileName" },
    { Header: "Transaction Date", accessor: "transationDate" },
    { Header: "Record Count", accessor: "recordCount" },
    { Header: "Status", accessor: "status" }
  ];
  return columns;
}

我的表格如下所示，而不是5到6行要在同一布局上设置20行：

Answer 1

尝试在ReactTable组件的getTdProps道具内添加样式。

<ReactTable
         columns={cData}
         data={data}
         getTdProps={(state, rowInfo, column) => ({
              style: {
                height: '20px',
              },
          })}
          minRows={20}
  />