[英]check boxes are not functioning in react-bootstrap-table-next
I am using react-bootstrap-table2
, to make tables, I have encounter an issue ie我正在使用react-bootstrap-table2
来制作表格,我遇到了一个问题,即
I want o have a checkbox inside my table, so I am following This, mention in the documentation , but I am getting unexpected result.我希望在我的表中有一个复选框,所以我正在关注这个,在文档中提到,但我得到了意想不到的结果。
My code我的代码
For selecting the row用于选择行
const selectRow = {
mode: 'checkbox',
clickToSelect: true,
classes: 'selection-row',
};
Table rendering表格渲染
<BootstrapTable
keyField="id"
data={tableData[0].rowsData}
columns={tableData[0].columnsData}
selectRow={selectRow}
/>
I Think issue is coming because of my data, as it is nested one And I am rendering it, but I am not able to resolve it.我认为问题是由于我的数据而出现的,因为它是嵌套的并且我正在渲染它,但我无法解决它。
My data我的资料
let tableData = [
{
rowsData: [
{
fname: "john",
lname: "smith"
},
{
fname: "steve",
lname: "warn"
},
{
fname: "michel",
lname: "clark"
}
],
columnsData: [
{
dataField: "fname",
text: "First name",
sort: true
},
{
dataField: "lname",
text: "last Name",
sort: true
}
]
}
]; ];
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.