文档章节

基于jquery.fixedheadertable 表格插件左侧固定 对齐

tianyawhl
 tianyawhl
发布于 2016/12/07 11:29
字数 120
阅读 89
收藏 0

jquery.fixedheadertable 经测试在固定1列和2列时是对齐的,2列以上明显不对齐,需要js做调整

$(document).ready(function(){
		 var thhead=$(".fht-fixed-column .fht-thead th");
		 var thbody=$(".fht-fixed-column .fht-tbody tr:eq(0) td");
		
		 for(i=0;i<thhead.length;i++)
		 {
		   if(thhead.eq(i).width()<thbody.eq(i).width()){
			thhead.eq(i).width(thbody.eq(i).width());
		   }else{
		    thbody.eq(i).width(thhead.eq(i).width());
		   }
		 }
		
});

var thhead=$(".fht-fixed-column .fht-thead th");

 也可以写成var thhead=$(".fht-fixed-column .fht-thead ").find("th");

find()是找所有的后代

children()只是下一级的后代

© 著作权归作者所有

共有 人打赏支持
tianyawhl
粉丝 2
博文 214
码字总数 108562
作品 0
常州
前端工程师
布局神器(一)display:table-cell

display:table-cell 页面布局是HTML+CSS的一个重点,除了常见的几种布局外,如:float、position: absolute等等;还有一些功能强大且好用的布局方式,本文就display:table-cell做学习总结...

即将离
2016/07/17
0
0
【BS学习】精通CSS.DIV网页样式与布局总结

第一课 初探CSS 1.1 CSS的概念 CSS:层叠样式表,用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 标记的概念 HTML的缺陷 CSS的引入 1.2使用CSS控制页面 1.2.1行内样式 ...

yym15732626210
02/28
0
0
HTML+CSS+JS实现TABLE固定列(常见浏览器兼容)的最佳实践

BS架构的企业级应用中,当一个表格列数较多时,用户一个常见的需求就是把前面几个重要的列固定住,这样拖动滚动条时固定的列会方便用户查看数据,用户体验很好。一些重量级的JS组件库也都有这...

李玉珏
2015/04/23
0
0
display:table-cell介绍

[图片上传失败...(image-2969e4-1516190383083)] 页面布局是HTML+CSS的一个重点,除了常见的几种布局外,如:float、position: absolute等等;还有一些功能强大且好用的布局方式,本文就dis...

bug_killer
01/17
0
0
Bootstrap Table 插件实现固定左侧列

Bootstrap Table 插件本身是不带固定列功能的,需要额外引用 bootstrap-table-fixed-columns.css与bootstrap-table-fixed-columns.js 但是引用这2个文件后,列有时候不对齐,用js处理下效果还...

tianyawhl
09/28
0
0

没有更多内容

加载失败,请刷新页面

加载更多

自定义Ubuntu/Windows双系统引导菜单主题

学习Linux自然少不了要装双系统,其中Ubuntu便是我们用的最多的Linux系统。装完双系统后,Ubuntu会自动生成grub开机引导及菜单,及其丑陋,而且很多我们用不到的选项。今天我们就介绍burg:修...

Linux就该这么学
28分钟前
1
0
Go 并发(二)

Go Mutex 通过Mutex和信道处理竞态条件。 临界区 当程序并发运行时,多个协程不应该同时访问那些修改共享资源的代码,这些修改共享资源的代码称为临界区。 Go中通过Mutex可以避免同时访问临界...

春哥大魔王的博客
31分钟前
2
0
CentOS 7安装和部署Docker

Docker 要求 CentOS 系统的内核版本高于 3.10 ,查看本页面的前提条件来验证你的CentOS 版本是否支持 Docker 。通过 uname -r 命令查看你当前的内核版本 uname -r3.10.0-514.el7.x86_64 1、...

狼王黄师傅
34分钟前
1
0
php扩展可以通过pecl 或者phpize 安装

pecl 算是 php 扩展的一个官方聚合平台,一些比较有名,有特点的扩展会被 pecl 收录,收录后可以通过 pecl 的方式安装。但是更多的扩展是没有收录在 pecl 上的,这些扩展还是需要通过 phpize...

bengozhong
35分钟前
1
0
CentOS中如何安装7ZIP

执行以下命令下载安装: wget http://nchc.dl.sourceforge.net/project/p7zip/p7zip/9.20.1/p7zip_9.20.1_src_all.tar.bz2tar -jxvf p7zip_9.20.1_src_all.tar.bz2cd p7zip_9.20.1make......

凯文加内特
41分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部