Implementation Code for modifying the bootstrap table data table row, bootstraptable
Set the column attribute editable in js:
{Type: 'text', // The data is displayed in the text box. emptytext: "--", // if the data is empty, the value of validate: function (value) {if ($. trim (value) = '') {return 'cannot be blank'; // modify to display empty data }}}
Set attributes when loading data in bootstrop-table in js
OnEditableSave: function (field, row, oldValue, $ el) {$ ('# id '). bootstrapTable ('resetview'); row = dataWarp (row, field); // You can repackage the data during editing but not write $. ajax ({type: "post", url: path, data: row, // data ype: 'json', success: function (data, status) after the row is modified) {if (status = "success") {Modal. alert ({msg: "edited successfully! "}) ;}}, Error: function () {Modal. alert ({msg:" Edit failed! "}); $ ('# Id'). bootstrapTable ('refresh'); // refresh after successful data loading}, complete: function (){}});}
The above is the implementation code for modifying the bootstrap table data table row introduced by the editor. I hope it will be helpful to you. If you have any questions, please leave a message for me, the editor will reply to you in a timely manner. Thank you very much for your support for the help House website!