bootstrap table表头和内容无法对齐

来源:互联网 发布:windows安装 nvidia 编辑:程序博客网 时间:2024/06/05 01:13

一旦使用了bootstrap table的height属性,当行数到一定数量时,页面右侧会出现滚动条。这时会出现表头和内容无法对齐。搜索了一下,最终解决了。方案如下:

    $('#tableId').bootstrapTable({        locale: 'zh-CN',        height: 500,        toolbar: "#toolbar",        toolbarAlign: 'right',        pagination: true,        pageSize: 10,        data: data,        pageNumber: 1,        queryParamsType: null,        pageList: "[10, 20, 50, 100, ALL]",        columns: cols,        onPostHeader: function(){            $('#tableId').bootstrapTable('resetView');        }    });

其实就是在bootstrap table触发onPostHeader时刷新。

阅读全文
0 0
原创粉丝点击