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:'名称',
'16%',
sortable : true
},{
field: 'create_time',
title:'创建时间',
sortable : true,
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
相关推荐
- 表格列点击排序
- BootstrapTable表格点击字段排序
- 从零开始学_JavaScript_系列(十一)——dojo(四)(GRID表格进阶:格式化、style、数据获取、多重排序、点击事件)
- 怎的对表格的某一列进行排序?点击一下为正序,再点一下为反序
- c++2005中想点击表格控件datagridview中某一行时,取出该行的某个字段的值(通过字段名称取,不是Index,那样自由些),该怎么写代码呢?小弟我的环境是WINDOWS FORMS应用程序,非MFC。多谢
- layui数据表格-通过点击按钮使数据表格中的字段值增加
- 怎么实现点击表头信息按表头字段顺序或倒序排序
- jquery动态往读数据生成表格,可以点击表头排序,整个表格可以拖动
- js实现表格字段排序
- 使用bootstraptable插件实现表格记录的查询、分页、排序操作
- dapper hepler帮助类
- VSCode代码格式化快捷键及保存时自动格式化