您的位置:首页 > Web前端 > BootStrap

bootstrap表格

2016-08-26 00:00 134 查看
bootstrap表格
用到的js和css
jquery-1.11.1.min.js(需要jquary1.9.1以上)
bootstrap.min.css
bootstrap-table.css
bootstrap.min.js
bootstrap-table.js
bootstrap-table-zh-CN.js
代码
html页面

<table id="table"></table>

js代码

$('#table').bootstrapTable({
url: 'Newplugins/bootstrap_table/bower.json',//远程调用的json格式数据
columns: [{//表列配置对象
field: 'id',//字段名
title: 'Item ID'//列名
}, {
field: 'name',
title: 'Item Name'
}, {
field: 'price',
title: 'Item Price'
}, ]
});

$('#table').find("tr").attr("style","white-space:nowrap");//让列内容显示在一行
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: