zoukankan      html  css  js  c++  java
  • bootstrap-table初使用

    <table id="table"></table>
    $('#table').bootstrapTable({
                            url: 'json/data1.json',         //请求后台的URL(*)
                            method: 'get',                      //请求方式(*)
                            toolbar: '#toolbar',                //工具按钮用哪个容器
                            striped: true,                      //是否显示行间隔色
                            cache: false,                       //是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*)
                            pagination: true,                   //是否显示分页(*)
                            sortable: true,                     //是否启用排序
                            sortOrder: "asc",                   //排序方式
                            queryParams: oTableInit.queryParams,//传递参数(*)
                            // sidePagination: "server",           //分页方式:client客户端分页,server服务端分页(*)
                            pageNumber:1,                       //初始化加载第一页,默认第一页
                            pageSize: 10,                       //每页的记录行数(*)
                            pageList: [10, 25, 50, 100],        //可供选择的每页的行数(*)
                            search: false,                       //是否显示表格搜索,此搜索是客户端搜索,不会进服务端,所以,个人感觉意义不大
                            strictSearch: false,
                            showColumns: true,                  //是否显示所有的列
                            showRefresh: true,                  //是否显示刷新按钮
                            minimumCountColumns: 2,             //最少允许的列数
                            clickToSelect: true,                //是否启用点击选中行
                            // height: 500,                        //行高,如果没有设置height属性,表格自动根据记录条数觉得表格高度
                            uniqueId: "ID",                     //每一行的唯一标识,一般为主键列
                            showToggle:false,                    //是否显示详细视图和列表视图的切换按钮
                            cardView: false,                    //是否显示详细视图
                            detailView: false,                   //是否显示父子表
                            columns: [{
                                checkbox: true
                            }, {
                                field: 'id',
                                title: 'ID',
                                 '10%'
                            }, {
                                field: 'firstName',
                                title: '名称'
                            }, {
                                field: 'updateTime',
                                title: '时间'
                            }]
                        });

    API文档可参考:https://blog.csdn.net/S_clifftop/article/details/77937356?locationNum=3&fps=1

  • 相关阅读:
    APP上传问题集锦
    objectiveC【语法】修饰符 static extern const
    NSLog
    iOS开发之获取系统相册中的图片与视频(内带url转换)
    Re:iOS 开发中的争议(一、二)
    iOS静态库(.a 和framework)
    iOS 获取本地视频的缩略图
    iOS 查询数组中的对象
    IOS判断文件类型
    循环引用问题 -- dealloc方法不执行
  • 原文地址:https://www.cnblogs.com/ctsx/p/9440632.html
Copyright © 2011-2022 走看看