BootstrapTable表格點擊字段排序

 

<table id="group-table" data-toggle="table" class="table table-striped table-hover" style="border: 1px solid #e4eaec; margin-top: 10px;"></table>

//獲取共享組 var $groupTable = $('#group-table').bootstrapTable('destroy').bootstrapTable({ url: '/kscd/api/share-group/', method: 'GET', dataType: "json", uniqueId: 'id', striped: false, cache: false, sortName: 'id', sortable: true, sortOrder: 'desc', sidePagination: "server", undefinedText: '--', singleSelect: true, //showRefresh : true, //showColumns : true, toolbar: '#group-table-toolbar', search: true, strictSearch: true, clickToSelect: true, pagination: true, pageNumber:1, pageSize:10, pageList: [5, 10, 20, 50, 100], paginationPreText:"上一頁", paginationNextText:"下一頁", //showToggle: true, //cardView: false, //detailView: false, //showPaginationSwitch: true, queryParamsType : "", queryParams : function (params) { var temp = { 'pageSize' : params.pageSize, 'pageNumber' : params.pageNumber, 'searchText': params.searchText, 'sortName': params.sortName, 'sortOrder': params.sortOrder, }; return temp; }, columns: [ { checkbox: true },{ field: 'name', title:'名稱', width: '16%', sortable : true },{ field: 'create_time', title:'創建時間', sortable : true, width: 200 },{ field: 'description', title:'描述' } ], onLoadSuccess: function () { //alert('表格加載成功！'); }, onLoadError: function () { //showTips("數據加載失敗！"); }, onClickRow: function (row, $element) { var id = row.id; //EditViewById(id, 'view'); //console.log(row); }, onCheck: function (row, $element) { chosenGroupId = row.id; $userTable.bootstrapTable("refresh"); //EditViewById(id, 'view'); }, onUncheck: function (row, $element) { chosenGroupId = ""; $userTable.bootstrapTable("removeAll"); $userTable.bootstrapTable("refresh"); //EditViewById(id, 'view'); } }); 

 要設置排序的字段加上屬性“sortable : true”。

queryParams : function (params) { var temp = { 'pageSize' : params.pageSize, 'pageNumber' : params.pageNumber, 'searchText': params.searchText, 'sortName': params.sortName, 'sortOrder': params.sortOrder, }; return temp; }

中加上屬性：

'sortName': params.sortName, 'sortOrder': params.sortOrder