AllenFang / AllenFang/react-bootstrap-table
BootstrapTable is not reloading data when row checkbox checked or unchecked in ReactJS
- 主要語言
- JavaScript
- 星號
- 2.2k
- 分支
- 761
- PR 合併指標
- 30 天內沒有已合併 PR
描述
Using BootstrapTable in reactjs app that populates data from .net core api.
My question is How to re-render data when row checkbox checked or unchecked.
I am displaying checkbox for one of the boolean column and disable/enable based on the row checkbox selection. Following is the code from columns definition
formatter: (cellContent:boolean, row:IFacilityReportType) => (
selectPrmaryContact(event, row)}
disabled={row.isRowSelected?false:true}
checked={row.isPrimary?true:false}
/>
)
In the above code, the isRowSelected is one of the data column that has false initially and all the checkboxes are disabled. When row checkbox checked/unchecked this column will get switch to true/false and column checkbox should be enable or disable. This is not happening. Its look like data is not rendering/reloading when column data changed in row selection.
Following is the row selection event code.
const selectRowFacilities:any = {
mode: 'checkbox',
selected:refeshFacilityTable==='yes'? []:null,
onSelect: (row:IFacilityReportType, isSelect:any, rowIndex:any, e:any) => {
if(isSelect){
row.isRowSelected=true;
}
else{
row.isRowSelected=false;
}
},
onSelectAll: (isSelect:any, rows:IFacilityReportType[], e:any) => {
if(isSelect){
rows.forEach(row=>{
row.isRowSelected=true;
});
}
else{
rows.forEach(row=>{
row.isRowSelected=false;
});
}
}
};
貢獻指南
評估
這個 Issue 還沒有評估資料。