嗨,我在 React.js 中使用引导程序 table。当我单击特定行时,我想为每一行显示或切换子行(一个简单的行)。简而言之,我需要显示我单击的行的子行。目前我正在使用此代码。我怎么解决这个问题。请帮我解决这个问题。
<BootstrapTable
search
striped
condensed
hover
options={options}
pagination={paginationFactory()}
cellEdit={cellEditFactory({
mode: 'dbclick',
blurToSave: true,
nonEditableRows: () => [1, 2, 3],
})}
data={userList}
filter={filterFactory()}
bootstrap4
>
<TableHeaderColumn dataField="Project_Name" dataSort dataFormat={Image_Formatter} isKey>
Project Name
</TableHeaderColumn>
<TableHeaderColumn dataField="Last_Update" dataSort dataFormat={Icon_Formatter}>
{' '}
Update
</TableHeaderColumn>
<TableHeaderColumn dataField="Automation_Report" dataSort dataFormat={Progressbar_Formatter}>
{' '}
Report
</TableHeaderColumn>
</BootstrapTable>;
回答1
似乎您需要创建一个自定义 table 行组件,然后根据 onClick
为其添加状态。