bootstrap-table設置height后表頭與內容無法對齊的問題

bootstrap-table項目官網：https://github.com/wenzhixin/bootstrap-table

bootstrap-table各版本下載：https://github.com/wenzhixin/bootstrap-table/releases

bootstrap-table API文檔：http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/

表頭對不齊效果如下：

 解決方法如下：

1、升級到最高版本，比如現在是1.11.1的（方法最快，什么都不用改）。

2、去掉height的設置。

3、如果是1.9.1版本的，可以通過如下設置：

$('#tableId').bootstrapTable(); // init via javascript

$(window).resize(function () {
    $('#tableId').bootstrapTable('resetView');
});

但實質效果不大，可能還是無法達到效果。尤其是在1.9.0版本上用這個方法是無效的。

4、通過修改源碼的形式，這個方式不可取，不然會出現各種問題，比如表頭不固定等。

 

參考：

http://blog.csdn.net/xinshijimanon/article/details/53907404

http://blog.csdn.net/u013630349/article/details/53113191

http://tieba.baidu.com/p/4865094716

http://www.cnblogs.com/weichangyu/p/6269265.html

http://blog.csdn.net/u013451157/article/details/68983349

https://segmentfault.com/q/1010000009406117

http://www.cnblogs.com/hz-cww/p/6294909.html

https://segmentfault.com/q/1010000009406117/a-1020000009413009

http://blog.csdn.net/zhangzhida163/article/details/68928001