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%

你可能感兴趣的:(bootstrap中表格固定头部:)