bootstrap table表头和内容无法对齐

一旦使用了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时刷新。