BootStrap Table 后台数据绑定、特殊列处理、排序功能

前端之家收集整理的这篇文章主要介绍了BootStrap Table 后台数据绑定、特殊列处理、排序功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本节主要介绍Bootstrap的后台数据绑定、特殊列处理及列的排序功能

1.数据绑定

一般做程序设计,很少是使用json文件直接绑定数据。基本上我们都是使用编程语言进行数据获取,并做数据绑定。

放置一个Table控件

调用javascript的代码

$('#table').bootstrapTable({ url: 'tablejson.jsp',//数据绑定,后台的数据从jsp代码 search:true,uniqueId:"Id",pageSize:"5",pageNumber:"1",sidePagination:"client",pagination:true,height:'400',columns: [ { field: 'Id',title: '中文' },{ field: 'Name',title: 'Name' },{ field: 'Desc',title: 'Desc' } ],});

2.特殊列处理

在实际应用中,我们需要增加我们的特殊列,例如是操作列,看下列的js代码 增加了一个特殊列

删除'; var updt='修改'; var add='增加' return del+" "+updt+" "+add; } }

js的代码修改

$('#table').bootstrapTable({ url: 'tablejson.jsp',columns: [

{
field: 'Id',title: 'Desc'
},{
field: '#',index){
var del='删除';
var updt='修改';
var add='增加'
return del+" "+updt+"&nbsp"+add;
}
}
],}); 

3.列的排序,排序主要是在列中增加了一个属性

}

以上所述是小编给大家介绍的BootStrap Table 后台数据绑定、特殊列处理、排序功能。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/bootstrap/38979.html

猜你在找的Bootstrap相关文章