bootstrap table的使用教程

bootstrap table的使用教程_第1张图片

基于 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的使用教程_第2张图片

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

原文作者:祈澈姑娘

你可能感兴趣的:(bootstrap table的使用教程)