使用chromatable在bootstrap中的使用,首先引用css樣式與js
<link rel="stylesheet" href="../../plugins/jquery.chromatable-1.3.0/css/style.css">css
<script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>jquery
<script src="../../plugins/jquery.chromatable-1.3.0/jquery.chromatable.js"></script>bootstrap
因爲chromatable 的樣式中使用的盒子模型是不包含padding與邊框的,可是bootstrap 使用的是box-sizing:border-box;全部兩者是矛盾的,須要修改chromatable 的樣式
只針對於要固定頭部的表格table,table td,table th {box-sizing: content-box;}同時採用bootstrap框架寫的table的class不能出現table-bordered框架
同時js裏面的寬度也要改爲100%ip