cách chỉnh sửa bảng trực tiếp trên trang trình duyệt và lưu dữ liệu sau khi tải lại trang. Bảng được thực hiện bằng cách sử dụng phản ứng bootstrap table.screenshot của dự án là ở đây. edit and save like in screenshotCách chỉnh sửa bảng phản ứng khởi động và lưu dữ liệu sau khi chỉnh sửa
mã dự án của tôi ở đây.
onAfterSaveCell(value, name){
axios({
method:'post',
url:'https://something.something.com.somewhere/update_something',
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json',
'x-access-token':this.state.token
},
data:{
name:value[name]
}
})
.then((response)=>{
this .getCustomerData();
})
.catch((error)=>{
throw('error',error);
});
}
phản ứng bootstrap là ở đây
<BootstrapTable data={this.state.customer_data} search={true} cellEdit={ {
mode: "click",
blurToSave: true,
afterSaveCell: this.onAfterSaveCell
} } >
<TableHeaderColumn dataField="tid" isKey = {true} dataSort={true} width="70">S.No</TableHeaderColumn>
<TableHeaderColumn dataField="company_name" dataSort={true}>Company Name</TableHeaderColumn>
<TableHeaderColumn dataField="contact_address" dataSort={true}>Contact Address</TableHeaderColumn>
<TableHeaderColumn dataField="contact_person" dataSort={true}>Contact Person</TableHeaderColumn>
<TableHeaderColumn dataField="contact_number" dataSort = {true}>Contact Number</TableHeaderColumn>
</BootstrapTable>