bootstarpt-table小结

  var bsTable = $('#table');
    bsTable.bootstrapTable({
        url: '@Url.Action("LogsList", "Home")',//数据接口
        silent: true,
        method: 'get',//请求方式
        toolbar: '#toolbar',
        striped: true,//隔行变色
        cache: true,//是否使用缓存，默认为true
        pagination: true,//是否显示分页
        sortable: false,//是否启用排序
        sortOrder: "asc",//排序方式
        sidePagination: "server",//分页方式
        pageNumber: 1,//第一次载入时的默认页
        pageSize: 10,//每页最大数据量
        pageList: [10, 25, 50, 100],//分页按钮点击时可跳转的页面
        search: true,//是否显示搜索框
        strictSearch: false,
        showColumns: false,
        showRefresh: true,//是否显示刷新
        minimumCountColumns: 2,//最少允许的列
        clickToSelect: false,//
　　　　　height：100，//行高
        uniqueId: "Id",
        showToggle: false,
        cardView: false,
        detailView: false,
        queryParams: function (params) {
            return {
                limit: params.limit,//每页行数
                offset: params.offset,
                search: $(".search input").val()//搜索框的值
                //也可以传递其他需要传递的值
　　　　　　　　　　//传值需与接口参数对应
            };
        },
        columns: [{
            field: 'UserName',
            title: '用户姓名',
            align: 'center',//对齐方式
        }, {
            field: 'Role',
            title: '登入角色',
            align: 'center',
                formatter: function (value) {//根据返回的值显示不同的内容
                    switch (value) {
                        case 1:
                            return '<span>teacher</span>';
                            break;
                        case 2:
                            return '<span>admin</span>';
                            break;
                    }
                }
        }, {
            field: 'Content',
            title: '操作内容',
            align: 'center',
        }, {
            field: 'ClientIp',
            title: '客户端IP',
            align: 'center',
        },{
            field: 'CreateDate',
            title: '操作时间',
            align: 'center',
            formatter: function (value, row, index) {
                return "" + getData(value) + "";
            }
        }，{
　　　　　　field: 'operate',
　　　　　　　title: '操作',
　　　　　　　align: 'center',
　　　　　　formatter: function (value, row, index)
 {var str = '';str += '<a style="margin-right:5px" id="' + row.Id + '" class="btn btn-xs btn-info"><i class="fa fa-group"></i>&nbsp;学生详情</a>';

　　　　　　return str;

]
    });

　　引用的依赖在这里

    <link href="~/Content/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="bootstrap-table.css">
     <script src="jquery.min.js"></script>
     <script src="bootstrap.min.js"></script>
    <script src="~/Content/assets/bootstrap-table/bootstrap-table.min.js"></script>
    <script src="~/Content/assets/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>