本文共 854 字，大约阅读时间需要 2 分钟。

最开始使用js拼接成table中的行，追加到table上，来实现数据的展示，需要写好多之类的html标签，不美观，而且也不便于维护；后期改用bootstrap-table实现数据的展示和加载，一下子就从繁琐的html拼接中解放出来了，github地址：

bootstrap-table支持导出、查找、隐藏列，还可以添加toolbar 结合js实现自己定制化的功能，简直是前端表格展示的福音。

html：

    
               
       
                       
   
        
    
                 
                      
                           
需求ID
                           
主题
                           
需求类型
                           
状态
                           
开发人员
                           
测试人员
                           
开发耗时(h)
                           
测试耗时(h)
                           
冒烟情况
                           
提测轮次(次)
                           
bug数(个)
                           
上线日期
                           
其他说明
                      
                 
            
    
   

javascript：

效果如下：

参考文章：

转载地址：http://wiivi.baihongyu.com/