博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
bootstrap中表格固定头部:
阅读量:6156 次
发布时间:2019-06-21

本文共 558 字,大约阅读时间需要 1 分钟。

hot3.png

使用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%

转载于:https://my.oschina.net/u/2612473/blog/649365

你可能感兴趣的文章
oracle 去掉空格
查看>>
6.13心得
查看>>
Runtime类
查看>>
eclipse decompiler
查看>>
记一个搜索网盘资源的网站
查看>>
jdk1.7和jdk1.8的String的getByte方法的差异
查看>>
java父子进程通信
查看>>
Android ADB server didn't ACK * failed to start daemon * 简单有效的解决方案
查看>>
Olap学习笔记
查看>>
Codeforces Round #431 (Div. 1)
查看>>
如何进行数组去重
查看>>
将标题空格替换为 '_' , 并自动复制到剪切板上
查看>>
List Collections sort
查看>>
Mysql -- You can't specify target table 'address' for update in FROM clause
查看>>
使用局部标准差实现图像的局部对比度增强算法。
查看>>
2017-2018-1 20165313 《信息安全系统设计基础》第八周学习总结
查看>>
《代码敲不队》第四次作业:项目需求调研与分析
查看>>
菜鸡互啄队—— 团队合作
查看>>
HttpWebRequest的GetResponse或GetRequestStream偶尔超时 + 总结各种超时死掉的可能和相应的解决办法...
查看>>
SparseArray
查看>>