如何动态修改bootstrap table插件表头?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1065个文字,预计阅读时间需要5分钟。
Bootstrap的table属性非常熟悉,最近遇到一个问题,不同列需要加载不同的数据,因此需要动态更换表头。网上有很多加载表格数据的例子,但似乎没有找到如何动态加载表头的解决方案。
bootstrap的table属性已经很熟悉了,最近遇到一个问题,犹豫每个列表加载的数据需求不同,所以需要动态的更换表头。网上有很多加载表格数据的例子,但是却没有找到如何动态加载表格,再加在数据。 虽然可以一个表格加载一种数据,但是本着学习的态度尝试了下这种方式,结果发现是可以执行的。分享下思路和实现过程,以备日后使用。
思路:
1、写接口,查询出要展示的列。注意接口中必须要有字段中文名称(columns属性的title值),字段的英文名称(columns的field字段),特别注意filed字段应该与最后查询出的列表中返回的json数据中的key保持一致,不然取不到值。
2、ajax请求刚才的接口,查询出columns,并给table的columns赋值。
3、加载表格展示。
本文共计1065个文字,预计阅读时间需要5分钟。
Bootstrap的table属性非常熟悉,最近遇到一个问题,不同列需要加载不同的数据,因此需要动态更换表头。网上有很多加载表格数据的例子,但似乎没有找到如何动态加载表头的解决方案。
bootstrap的table属性已经很熟悉了,最近遇到一个问题,犹豫每个列表加载的数据需求不同,所以需要动态的更换表头。网上有很多加载表格数据的例子,但是却没有找到如何动态加载表格,再加在数据。 虽然可以一个表格加载一种数据,但是本着学习的态度尝试了下这种方式,结果发现是可以执行的。分享下思路和实现过程,以备日后使用。
思路:
1、写接口,查询出要展示的列。注意接口中必须要有字段中文名称(columns属性的title值),字段的英文名称(columns的field字段),特别注意filed字段应该与最后查询出的列表中返回的json数据中的key保持一致,不然取不到值。
2、ajax请求刚才的接口,查询出columns,并给table的columns赋值。
3、加载表格展示。

