bootstrap-table 列属性_bootstrap table 动态列数

据说bootstrap table非常好用,从入门教程中了解到它的以下主要功能:

由于固定表头意味着固定的列,然而我需要做动态列数的表格啊。

cd2117d18e35cd77b32a7d72598d277c.png

大致思路:bootstrap table在加载表格时,表格的内容按columns参数中的数组来填充。因此,通过动态地生成与columns参数中的数组,我们可以实现动态列名,也就是动态表格。

columns参数格式大致如下:

bffa7b10fcf40d13b67114b711086ee4.png

主要逻辑代码:

通过Object.keys(obj)来获取对象的key的名称,除选项框外,key的数量对应列的数量,在for循环中遍历key的名称,将key填充进title,在销毁后重新创建的bootstrapTable表中,填充好数据源json和columns参数,实现动态扩展表格的列。

var columnsArray = [];

columnsArray.push({field: "state", checkbox: true});

for (var i = 0; i < (Object.keys(j


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部