bootstrap中表格固定头部： 原

使用chromatable在bootstrap中的使用，首先引用css样式与js <link rel="stylesheet" href="../../plugins/jquery.chromatable-1.3.0/css/style.css">

<script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>

<script src="../../plugins/jquery.chromatable-1.3.0/jquery.chromatable.js"></script>

由于chromatable 的样式中使用的盒子模型是不包含padding与边框的，但是bootstrap 使用的是box-sizing:border-box;所有二者是矛盾的，需要修改chromatable 的样式 只针对于要固定头部的表格table,table td,table th {box-sizing: content-box;}同时采用bootstrap框架写的table的class不能出现table-bordered

同时js里面的宽度也要改成100%

(adsbygoogle = window.adsbygoogle || []).push({});