BootStrap Table to obtain different column elements in the same row, bootstraptable
How to ensure that elements in the same table can be used by other boxes in different columns in the same row:
The page element example is as follows:
<div id="MyTableId" class="content-main-container"> <div class="panel panel-primary gd-panel" id="mywindow"> <div class="panel-heading"> <b>TableNameElemnt</b> </div> <div class="panel-body"> <table class="table table-bordered" id="csMemberPackageTable" style="word-break: keep-all;"> </table> </div> </div> </div>
The JS Code example on the page is as follows:
$ (Function () {$ ('# MyTableId '). bootstrapTable ('deststroy'); $ ("# MyTableId "). bootstrapTable ({url: '/*** Action _ *** List. action ', dataType: "json", showRefresh: true, striped: true, cache: true, undefinedText: "-", sortName: "id", sortOrder: "asc ", pagination: true, sidePagination: "server", toolbar: "# toolbar", pageNumber: 1, pageSize: 3, smartDisplay: true, pageList: [5, 10, 25, 50], paginationPreText: "Previous Page", paginationNextText: "Next page", columns: [{checkbox: true}, {field: 'pi', title: 'operation', align: 'center ', formatter: function (value, row, index) {var aId = row. aId; var bId = row. bId; var cId = row. cId; var a = '<a href = "/***** Action _ ***** GoJsp. action? ResObj. '+ 'pid =' + pId + '& ResObj. aId = '+ aId +' & ResObj. bId = '+ bId +' & ResObj. cId = '+ cId +' "'+ 'class =" cs_menuTab "> edit all IDs </a>'; return a ;},{ field:" aId ", title: "A tag", align: "center" },{ field: "bId", title: "B tag", align: "center" },{ field: 'cid', title: 'C tag', align: 'center'}]});
The above section describes how to use BootStrap Table to retrieve different columns of the same row. 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!