Div react-data-table-component 中的标题旁边

Question

我正在试验 React 和 react-data-table-component。我设置了这样的测试 table：

<DataTable
    title={'TestTitle'}
    columns={[{ name: 'test 1', selector: 'test1' }, { name: 'test 2', selector: 'test2' }, { name: 'test 3', selector: 'test3' }, { name: 'test 4', selector: 'test4' }, { name: 'test 5', selector: 'test5' }]}
    striped
    responsive
    pagination paginationRowsPerPageOptions={[5, 10, 25, 50, 100]} />

我注意到 table 中标题 div 的右侧生成了一个 div。它只有一些奇怪的类分配给 it.Is 可以在这个 div 中输入数据，并在 DataTable 中输入一些属性吗？

我已经尝试过 subHeader 属性，但它会将新文本放在标题下，使 table 略高，这是不可取的。

<DataTable
    title={'TestTitle'}
    subHeader subHeaderComponent={'TestSubHeader'}
    columns={[{ name: 'test 1', selector: 'test1' }, { name: 'test 2', selector: 'test2' }, { name: 'test 3', selector: 'test3' }, { name: 'test 4', selector: 'test4' }, { name: 'test 5', selector: 'test5' }]}
    striped
    responsive
    pagination paginationRowsPerPageOptions={[5, 10, 25, 50, 100]} />

Answer 1

好吧，显然我对自己的利益有点太不耐烦了。在我发布这个问题大约一分钟后，我意识到属性的动作完全符合我的要求。我想我现在可能应该删除这个问题。或者此信息对其他人有用吗？

Div react-data-table-component 中的标题旁边

Div next to title in react-data-table-component

javascript

html

reactjs

react-data-table-component