AllenFang / AllenFang/react-bootstrap-table

BootstrapTable is not reloading data when row checkbox checked or unchecked in ReactJS

Open
#2,137 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
2.2k
Forks
761
PR merge metrics
No merged PRs in 30d

Description

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;
});
}
}
};

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.