冻结html表格标题列,HTML表格冻结第一列 | 学步园
基于jquery. 不说话, 看代码.
Welcome to schedule main page
html, body{
margin: 0;
padding: 0;
height: 100%;
background-color: #fff;
font-size: 10pt;
font-family: Arial, verdana;
}
#pagewraper{
width: 1000px;
margin: 0 auto;
}
.tb_job_list{
width: 1400px;
border-collapse: collapse;
}
.tb_job_list td{
border: solid #dadada 1px;
height: 30px;
font-size: 10pt;
color: #555555;
background-color: #fff;c
}
.tb_job_list thead td{
height: 40px;
font-weight: bold;
color: #999;
background-color: #fffceb;
}
a img{
border: none;
}
Job NameJob GroupNameJob DescriptionJob StatusLast Run StatusCommandRun MachineLast Run TimeNext Run TimeAction
Job 1descJOb 2JOb 2JOb 2JOb 2JOb 2JOb 2JOb 2JOb 2JOb 2JOb 2JOb 2JOb 2JOb 2JOb 2JOb 3desc
$(document).ready(function(){
var dataTb = $('#jobsList').first();
var newTb = $('
$('body').append(newTb);
newTb.css({
'position':'absolute',
'left':dataTb.attr('offsetLeft'),
'top:': dataTb.attr('offsetTop'),
'border-left-color':dataTb.css('border-left-color'),
'border-right-color':dataTb.css('border-right-color'),
'border-top-color':dataTb.css('border-top-color'),
'border-bottom-color':dataTb.css('border-bottom-color'),
'border-left-style':dataTb.css('border-left-style'),
'border-right-style':dataTb.css('border-right-style'),
'border-top-style':dataTb.css('border-top-style'),
'border-bottom-style':dataTb.css('border-bottom-style'),
'border-left-width':dataTb.css('border-left-width'),
'border-right-width':dataTb.css('border-right-width'),
'border-top-width':dataTb.css('border-top-width'),
'border-bottom-width':dataTb.css('border-bottom-width'),
'overflow':'hidden',
'height':dataTb.attr('offsetHeight'),
'width':dataTb.find('td').first().attr('offsetWidth') + 2,
'border-collapse':dataTb.css('border-collapse')
});
newTb.offset(dataTb.offset());
var oldTrs = dataTb.find('tr');
var newTbody = newTb.find('tbody');
var adjust1 = 0;
var adjust2 = 0;
if ($.browser.msie){
if($.browser.version == '8.0'){
adjust1 = 1;
}
}
else if($.browser.mozilla){
adjust2 = 4;
}
oldTrs.each(function(i){
var currentTD = $(this).children().first();
var newTr = $('
' + currentTD.html() + '');
newTr.css({
'background-color':currentTD.css('background-color')
});
newTr.find('td').css({
'font-weight':currentTD.css('font-weight'),
'font-size': currentTD.css('font-size'),
'color': currentTD.css('color'),
'background-color':currentTD.css('background-color'),
'padding-left': currentTD.css('padding-left'),
'padding-right': currentTD.css('padding-right'),
'padding-top': currentTD.css('padding-top'),
'padding-bottom': currentTD.css('padding-bottom'),
'margin-left': currentTD.css('margin-left'),
'margin-right': currentTD.css('margin-right'),
'margin-top': currentTD.css('margin-top'),
'margin-bottom': currentTD.css('margin-bottom'),
'height': parseInt(currentTD.css('height')) + adjust2,
'overflow': 'hidden',
'border-left-color':currentTD.css('border-left-color'),
'border-right-color':currentTD.css('border-right-color'),
'border-top-color':currentTD.css('border-top-color'),
'border-bottom-color':currentTD.css('border-bottom-color'),
'border-left-style':currentTD.css('border-left-style'),
'border-right-style':currentTD.css('border-right-style'),
'border-top-style':currentTD.css('border-top-style'),
'border-bottom-style':currentTD.css('border-bottom-style'),
'border-left-width':currentTD.css('border-left-width'),
'border-right-width':currentTD.css('border-right-width'),
'border-top-width':currentTD.css('border-top-width'),
'border-bottom-width':currentTD.css('border-bottom-width')
});
newTbody.append(newTr);
});
newTb.find('td').first().height(40-1);
});
冻结html表格标题列,HTML表格冻结第一列 | 学步园相关推荐
- bootstrap表格标题Caption位于表格下方的原因
Env bootstrap.min 5.0.0 jquery.min 3.5.1 flask 1.1.2 chrome 87.0.4280.141(正式版本) (64 位) 问题描述 表格标题烂位于表 ...
- R语言矩阵新增一列并提前作为第一列
R语言矩阵新增一列并提前作为第一列 R包 library(dplyr) data$Gene_id<-rownames(data)#新增一列并提前作为第一列 data<- data %> ...
- VBA按列名称或是按表格标题给EXCEL表格做排序
VBA给EXCEL表格做排序 按列名称或是按标题给表格排序 按列名称或是按标题给表格排序 在VBA编程时,经常会对表格内容进行排序,为了方便对不同需求下的内容排序,编制了下面这个函数,此函数可以根据给 ...
- latex中表格怎么加标题_导出到LaTeX时,使组织表格标题显示在表格下方 | 所有编程讨论 | zhouni.net...
我正在制作一份文件 org-mode 其中有相当多的表,使用内置的表功能构建.我已经为表格添加了标题,但是当我将它们导出到 LaTeX,而不是出现在表格下方的标题,它出现在它上面.在手册中 关于表格的 ...
- linux将文件的第二列求和,awk实现第一列相乘,第二列求和,并相加 - 米扑博客...
AWK 取了三位创始人 Alfred Aho,Peter Weinberger, Brian Kernighan 的Family Name的首字符,学习AWK有一本相当经典的书<The AWK ...
- matlab矩阵的第一列,matlab提取矩阵第一列
第2章 MATLAB矩阵及其运算 2.1 变量和数据操作 2.2 MATLAB矩阵 2.3 MATLAB运算 2.4 矩阵分析 2.5 矩阵的超越函数 2.6 字符串 2.7 结构数据和单元数据 2. ...
- Excel两列互插(将第二列的数据插入第一列)
这个问题可以归为矩阵转向量. 公式法: 设数据在AB两列,B列插入A列(任选一公式): C1=INDEX(IF(MOD(ROW(),2),A:A,B:B),INT((ROW()+1)/2)) C1=I ...
- html表格标题行边框,总结HTML 表格标签
一.概述 HTML表格由table标签以及一个或多个tr.th或td标签组成:table标签用来定义表格:tr标签用来定义表格中的行,它是单元格的容器,每行可以包含多个单元格:td标签和th标签用来定 ...
- html标题指定位置,css如何控制表格标题的位置?
在HTML中,表格的标题一般会使用 标签来定义:通常这个标题会被居中于表格之上,但可以使用CSS属性来设置标题的显示位置.那么css如何控制表格标题的位置?下面给大家介绍一下. 标签定义表格的标题. ...
- html语言设计表格,HTML标记语言——表格标记
HTML标记语言--表格标记 互联网 发布时间:2008-10-17 18:55:24 作者:佚名 我要评论 点击这里返回网页教学网 HTML教程 栏目. 上文:标记语言--标题 原文出处 ...
最新文章
- boost::core::typeinfo的用法实例
- 力扣62-不同路径(C++,留个思路)
- 计算机网络的定义分类性能指标,3_计算机网络分类与主要性能指标.ppt
- SEO:提高关键词排名的28个SEO技巧
- 笔记(3)——Clustering the tagged web
- 入门python之前,应该先了解这些
- 欢迎来到Wagtail的文档
- win10计算机切换用户,win10系统账户切换的三种方法
- Redis分布式锁----悲观锁实现,以秒杀系统为例 - 林炳文Evankaka的专栏 - CSDN博客
- 中文简繁转换项目 OpenCC
- 试设计一个窗口,内含一个按钮。开始运行时,按钮显示“Click Me”字样,当按钮按下时,按钮显示为“Click Me Again”字样,再按一次,则按钮显示“Click Me”字样,依此循环。
- 判断两个圆相切或相交
- 计算机硬件系统一直延用,会计电算化辅导:计算机硬件系统
- SQL学习笔记(完整)
- Redis三种启动方式(Linux)
- 点云检测框投影到图像上(mmdetection3d)
- 指令集入选重庆市工业和信息化领域“揭榜挂帅”项目榜单
- mysql迁移时出现错误:INFO [alembic.runtime.migration] Context impl MySQLImpl. INFO [alembic.runtime.migrat
- 不坑盒子:强大的word插件,让工作更高效
- Windows 10开启ISS Web服务
热门文章
- win10 myeclipse2017安装教程(附安装包)
- 腾讯音乐娱乐集团Q3财报亮眼:单季总营收75.8亿元破纪录,在线音乐付费用户历史性破5000万
- 计算机网络有什么部分组成,计算机网络有哪些组成部分和详细对比
- php-fpm 端口号,PHP-FPM 配置说明
- 什么是智能dns解析
- XAMPP运行MySQL entire log window on the forums解决方案
- 2019--Target Speaker Extraction for Multi-Talker Speaker Verification
- 实验5 类的继承、派生和多态
- ie首页被篡改解决方法 ie浏览器 ie浏览器首页设置 iexplore.exe触犯注册表防护规则
- 7.	Zigbee应用程序框架开发指南 - 时间处理