本节主要介绍Bootstrap的后台数据绑定、特殊列处理及列的排序功能
1.数据绑定
一般做程序设计,很少是使用json文件直接绑定数据。基本上我们都是使用编程语言进行数据获取,并做数据绑定。
放置一个Table控件
$('#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代码 增加了一个特殊列
$('#table').bootstrapTable({
url: 'tablejson.jsp',columns: [
{
field: 'Id',title: 'Desc'
},{
field: '#',index){
var del='删除';
var updt='修改';
var add='增加'
return del+" "+updt+" "+add;
}
}
],});
3.列的排序,排序主要是在列中增加了一个属性
}
以上所述是小编给大家介绍的BootStrap Table 后台数据绑定、特殊列处理、排序功能。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。
原文链接:https://www.f2er.com/bootstrap/38979.html