Web前端笔记-使用bootstrap-table.js和bootstrap-table.css使得表格分页

最终效果如下:

Web前端笔记-使用bootstrap-table.js和bootstrap-table.css使得表格分页_第1张图片

翻页后

Web前端笔记-使用bootstrap-table.js和bootstrap-table.css使得表格分页_第2张图片

首先把bootstrap-table.js和bootstrap-table.css下载下来。

把英文改成中文,如下:

把需要用表格的页面在

前加入此JavaScript代码:


此时表格HTML数据如下:

名称 当前功率 总调节上限 总调节下限
1 Jhon Makinton @makinton
2 Malinda Hollaway @hollway
3 Wayn Parnel @wayne123
XX 1000 1000 100
XX 1112 2000 500

 

你可能感兴趣的:(web前端,HTML,Bootstrap)