前言 最近在做vue移动端项目，需要做一个可以固定表头首列的表格，而且由于一些原因不能使用任何UI插件，网上找了很久也没什么好方法，所以在解决了问题之后，写下了这篇文章供后来人参考，文章有什么错漏的问题欢迎评论交流。 效果 思路 要实现固定首行首列 除了使用各种UI框架插件外，那就是 ...

遇到一个简单的需求: 客户有一个表格可能有很多内容,当内容很多的时候,表格就会出现滚动条 客户希望当表格内容很多时，只滚动表格而不滚动浏览器窗口 在网上找到很多相关的插件，要不就是太复杂，要不就是满足不了我的要求 于是自己动手写了一个简单的JS方法 思路 ...

//控制表格滑动 table tbody { display:block; height:450px; overflow-y:scroll; } //固定表头 table thead, tbody tr { display:table; width:100 ...

1、常用类 基本样式table 隔行变色table-striped（斑马条纹） 边框table-bordered 鼠标悬停状态table-hover 表格更紧凑table-condensed（适用于数据多的表格，通过减小内间距padding） 颜色success/warning ...

可满足我需求的表格！ 关于固定首列及表头 本次实现主要用到的是css的两个属性 table ...

通过js实现固定表格的表头和某列 在开发过程中，如果数据比较多并且需要对比查看的情况下，一般是是需要固定表头和开始的某几列。可以通过一些组件进行实现。但是引用组件需要引入大量的js文件或者不满足某一方面的需求。这时候就需要自己动手写一个这样的效果。 需求 表格是页面的主体部分，表格的数据量 ...

...

1:纯html 实现 使用2个table 来做，第一个table 用来做表头【thead】，第二个table 用来做表体【tbody】 为了保证2个表的列的宽度是一致的，需要使用<colgroup> 标签。 代码如下： 完整代码 ...