react-data-table-component 中标题旁边的 div答案

【问题标题】：Div next to title in react-data-table-componentreact-data-table-component 中标题旁边的 div
【发布时间】：2020-05-11 08:40:50
【问题描述】：

我正在试验 React 和 react-data-table-component。我已经建立了一个这样的测试表：

<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]} />

我注意到表格中标题 div 的右侧生成了一个 div。它只分配了一些奇怪的类。是否可以在此 div 中输入数据，并为 DataTable 提供一些属性？

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

<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]} />

【问题讨论】：

标签： javascript html reactjs react-data-table-component

【解决方案1】：

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

【讨论】：

您能否详细说明 actions 属性的工作原理？