bootstrap-table插件使用总结

---

学习过程中，遇到的情况汇总，不定期更新

---

table字段自动排序失效

有时在table标签中设置了 data-sortable="true"或者在js中设置了sortable: true,表格列的排序功能还是用不了。有些网友说要编写后台代码，重新排序后在回传，感觉应该这个插件没这么low。找了半天，找到了原因，只需要把分页选项注释掉，即data-side-pagination这个选项不添加即可。

 

数据格式问题

需要将数据库返回数据转换成json特定格式，才能被bootstrap table插件读取。一般有两种，推荐使用一种标准一点的json对象格式，必须要有total和rows两个key，
{"total": 2,"rows": [{"id": 0,"name": "Item 0","price": "$0"},{"id": 1,"name": "Item 1","price": "$1"}]}，
且键的名字必须与table设置columns的field值一样，才能读取到数据。

初始化时可以这么写

total = all_data.count()
rows = []
result = {"total":total,"rows":rows}

然后设定rows字典数组具体内容然后返回即可

 

各设置项含义