BootstrapTable 渲染表格数据

   <div class="panel panel-default">
                                    <div class="panel-body form-horizontal">
                                        <table id="cusTableModel" cellspacing="0" cellpadding="0" border="0" class="cusTable datatable table table-striped table-bordered table-hover dataTable" style="word-break:break-all; word-wrap:break-all;">
                                        </table>
                                    </div>
                                </div>
function initTable() {
    //cusTable 为页面的table对应的ID
    $("#cusTable").bootstrapTable('destroy').bootstrapTable({
        //请求方法
        method: 'post',
        contentType:"application/x-www-form-urlencoded",
        striped: true,
        cache: false,
        pagination: true,
        sortable: false,
        sortOrder: "asc",
        pageSize: 10,  //每页显示的记录数
        pageNumber:1, //当前第几页
        pageList: [10, 20, 30, 40, 50],  //记录数可选列表
        queryParamsType : "undefined",
        //这个接口需要处理bootstrap table传递的固定参数,并返回特定格式的json数据
        url: "/overcharge/showChargeList" ,
        queryParams: function(params) {
            //传参
            var param = {
                page: params.pageNumber,
                rows: params.pageSize,
                parkingName: $("#parkingName").val(),
                parkingId: $("#parkingId").val(),
                plateNum:$("#plateNum").val(),
            };
            return param;
        },
        sidePagination: "server",
        strictSearch: true,
        pagination: true,
        idField : "id",
        //行
        columns: [
            { field : 'parkingId'},
            { field : 'parkingName', title:'场站名称'},
            { field : 'plateNumber', title:'车牌号'},
            { field: 'contractName', 		title: '合同名称'},
            { field: 'createTime', 		title: '超停创建时间'},
            { field: 'startTime', 		title: '超停开始时间'},
            { field: 'endTime', 		title: '超停结束时间'},
            { field: 'overstopsTimeMinutes', 		title: '超停时间(分钟)'},
            { field: 'overstopsMoney', 		title: '超停费用(元)'},
            { field: 'isEndStatus', 		title: '是否结束超停',formatter:function(value,row,index){
                    if (value == 1){
                        return "未结束";
                    }else if(value = 2){
                        return "结束";
                    }
                }},

            { field: '', 		title: '操作',  width: 150,  align: 'center',	 formatter: editAndDeleteButton },
        ]
    });
    //隐藏域
    $('#cusTable').bootstrapTable('hideColumn', 'parkingId');
}

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值