表格插件-bootstrap table的使用示例

基于 Bootstrap 的 jQuery 表格插件,通过简单的设置,就可以拥有强大的单选、多选、排序、分页,以及编辑、导出、过滤(扩展)等等的功能。

官网:http://bootstrap-table.wenzhixin.net.cn/zh-cn/

1:在官网上下载相关的文件之后,步骤下载之后引入:









2:开始写代码




    
        
        
        
        

        
    

    
        

3:效果如下:


另外一种方法:通过url请求本地json格式数据




    
        
        
        
        

        
    

    
        

json:

[
{           "id":"1",
            "name":"王小婷",
            "photo":"1234567"
},
{
             "id":"1",
            "name":"安安",
            "photo":"42353473"
}


]

表格如下:


下一篇:
表格插件-bootstrap table的分页的实现使用示例

原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1
90后前端妹子,爱编程,爱运营,爱折腾。 坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。

你可能感兴趣的:(表格插件-bootstrap table的使用示例)