reactjs - 如何在 react-data-table-component 的 DataTable 中保持没有数据的表头？

我的目标是无论是否有数据都显示表头，但我也不想使用noDataComponent，因为我想要实现的功能要求没有它。我似乎找不到任何关于在没有数据时防止表头消失的信息，网上只有其他默认会这样做的组件的资料。

  <DataTable
      columns={columns}
      data={data}
      actions={actions}
      progressPending={loading}
      noDataComponent={<></>}
  />

答案＃1

只需将 persistTableHead 设置为 true。

<DataTable
      columns={columns}
      data={data}
      actions={actions}
      progressPending={loading}
      persistTableHead={true}
/>

来自文档的描述：

persistTableHead：即使 progressPending 为 true，也显示表头（列）。注意：即使使用 persistTableHead，noTableHead 也始终会隐藏表头（列）