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({});

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏工作专用1

jquery.fileDownload.js插件导出excel

因为使用ajax导出excel会出现问题,所以现在使用jQuery.fileDownload.js插件来解决导出excel的问题

34700
来自专栏Jerry的SAP技术分享

一个最简单的WebSocket hello world demo

https://github.com/i042416/KnowlegeRepository/blob/master/practice/nodejs/server...

43640
来自专栏前端小叙

移动网页广告引入mraid.js使用指南

在网上找mraid相关资料,相对比较少,大多都是API介绍,概念介绍等,没有一份详细的移动端网页广告使用教程,经过自己两天的摸索,完成了开发的移动端网页版的广告...

22030
来自专栏CSDN技术头条

开发桌面应用,自然用 Electron !

可能很多读者会感到奇怪,本来是说 Electron,为什么一开始要提到 Node.js 和 JavaScript 呢?它们是什么关系呢?别急,听我慢慢道来。

65720
来自专栏娱乐心理测试

文件解析错误 SyntaxError: Unexpected token / in JSON at position 0

在微信开发者工具上运行,发现报如上图所示的错误,打开相应.json的目录文件,发现代码被注释掉了,即main.json里空的。

50630
来自专栏Fundebug

JavaScript 的 4 种数组遍历方法: for VS forEach() VS for/in VS for/of

我们有多种方法来遍历 JavaScript 的数组或者对象,而它们之间的区别非常让人疑惑。Airbnb 编码风格禁止使用 for/in 与 for/of,你知道...

16940
来自专栏运维经验分享

Nginx 防御CC攻击的两种方法 原

CC攻击可以归为DDoS攻击的一种。他们之间都原理都是一样的,即发送大量的请求数据来导致服务器拒绝服务,是一种连接攻击。CC攻击又可分为代理CC攻击,和肉鸡CC...

33840
来自专栏我就是马云飞

2019 年 11 个受欢迎的 JavaScript 动画库!

超过46K的star,这个流行的库提供了非常多的3D显示功能,以一种直观的方式使用 WebGL。这个库提供了canvas、 svg、CSS3D 和 WebGL渲...

20020
来自专栏前端探索

即刻起,加速您的前端构建

影响前端发布速度的有两个方面,一个是构建,一个就是压缩,把这两个东西优化起来,可以减少很多发布的时间。

1K250
来自专栏Core Net

ASP.NET Core 2.2 十九. 你扔过来个json,我怎么接

  前文说道了Action的激活,这里有个关键的操作就是Action参数的映射与模型绑定,这里即涉及到简单的string、int等类型,也包含Json等复杂类型...

20130

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励