body div.tableContainer { height: auto; padding: 0; width: 740px}/* Reset overflow value to hidden for all...
转载 2010-03-26 15:43:00
699阅读
2评论
引用内容 引用内容 <!doctype html public "-//w3c//dtd html 4.0 strict//en"><html><head><style>body { background-color: #F0F0F0 ; font: 11px "verdana","Arial";
原创 2021-07-23 10:09:26
318阅读
<!DOCTYPE html> <html> <head>     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />     &lt
转载 精选 2014-11-05 21:45:00
1116阅读
<div id='table-cont' style="max-height: 150px;width: 540px;overflow: scroll;"> <table>
原创 2019-12-08 18:00:03
154阅读
转载 2008-09-25 23:20:00
120阅读
2评论
打印excel表格,怎么设置使每页都有表头一、表头设置1、点击excle工具栏的“页面布局”选项,选择“打印”按钮,进行页面设置;2、点击“顶端标题行(R):”右侧带箭头方形图标;3、出现”页面设置“对话框后,用鼠标选择需要设置成固定表头的区域;4、表头设置成功后,”页面设置“下会显示类似”$1:$4“的字样;5、关掉”页面设置“窗口,返回上一级页面设置对话框,并点击”确定“按钮,保存设置,
在企业应用开发中,Word文档导出是常见的需求,特别是需要生成格式规范、样式统一的报告文档时。本文将介绍如何使用Java基于模板实现Word文档导出,包含固定表头和动态数据填充功能。技术选型推荐使用以下技术组合:POI-TL (poi-template-language):基于Apache POI的Word模板引擎Apache POI:底层Word文档操作库Freemarker(可选):对于复
原创 5月前
636阅读
在企业应用中,PDF文档导出是常见的需求,特别是需要生成格式规范、不可篡改的正式文档时。本文将介绍如何使用Java基于模板实现PDF导出,包含固定表头和动态数据填充功能。技术选型推荐使用以下技术组合:iText:功能强大的PDF操作库Freemarker/Thymeleaf:模板引擎(用于生成HTML内容)Flying Saucer:将HTML转换为PDF的工具实现方案方案一:使用iText直
原创 5月前
451阅读
引言在企业级应用开发中,Excel导出是高频需求。传统的直接生成Excel方式虽然灵活,但难以维护复杂样式。本文介绍一种更优雅的方案——基于模板的Excel导出,实现固定表头+动态数据循环填充的效果,特别适合需要保持专业报表格式的场景(如财务报表、销售报表等)。方案优势样式与逻辑分离:业务代码专注于数据处理,样式通过模板控制维护性强:修改样式只需调整模板文件,无需改动代码复用性高:同一模板可适
原创 5月前
1180阅读
position属性取值为fixed时,则元素的位置将不受滚动条的影响,而是直接依据窗口,这就是将表头固定的最直接方法,网上其他途径感觉都是在走弯路。但是与此同时必须解决两个问题。第一:体将随之不依据表头,而是依据body元素,因此体将上移,导致体靠上部分被表头遮挡,而且有重影。第二:体的宽高和表头的宽高也将互相独立不再受文档流的约束,这导致单元格对不齐。 解决办法示例如下。
转载 2014-02-18 11:34:00
341阅读
5点赞
1评论
效果图:第一行和第一列固定 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <ti
原创 2022-06-17 06:07:01
1271阅读
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> &lt
转载 2024-06-30 10:19:35
34阅读
实现步骤1.将table放在可滚动容器中;2.可滚动容器外层还需要一个容器,这个容器需设置超出范围隐藏和定位(相对、绝对都行);3.利用脚本克隆一个目标table,调整克隆table的列宽与原table相同,隐藏tbody,追加到外层的容器中;4.监听滚动容器的滚动事件,动态调整克隆table的左偏移,上偏移不需要调整,因为已经固定了。效果演示<html> <head> &
转载 2023-06-07 15:57:01
404阅读
最近测试向我提了一个需求,页面显示下拉锁定表头,还要我实现导出excel把表头锁住,这个导出功能是在jsp页面实现的,没有在后台使用POI导出,锁表头功能我实现不了,也不知道能不能实现。下面贴一下页面锁表头的代码<script> (function($){ /** * 表头悬浮插件
转载 2023-06-24 22:38:51
103阅读
表头固定应该是一个用得比较多的功能,参考了网上几个例子,在几个常用浏览器下显示不是很完美。而且很多都是基于固定的表格,在编码时多写一个固定表头,对于动态生成的不知道多少列的表格就无从下手。而且例子中大多只能满足限定高度的情况,如果限定宽度,出现横向滚动条就无能为力了。我的目的就是要像jquery-ui那样,找到页面上存在的表格,调用一个方法就可以实现固定表头的功能。趁着动手学习写jquery插件
前段时间需要这个功能,但是找了很多都不能完美的实现,不是只能锁定表头,就是浏览器兼容问题什么的,在此就自己做了一个锁定表头和列的js方法,依赖于JQuery。如使用jQuery1.9.x及以上版本,需要引用jQuery Migrate Plugin库,在jQuery官网即可下载到!因为方法很简单,就未封装成插件的形式,仅仅以代码方式发布。这里把自己做的方式写出来,以资纪念。支持IE6+,FF3.
一、实现效果二、主要的2个属性table-layout : fixed position : sticky1、table-layouttable-layout属性有两种特定值:auto(预设值)-表格的总宽度决定每一个储存格(cell)的最大值fixed - 表格的总宽度决定于表格width的定义,以及各栏位(column)width的定义为了让格呈现滚动效果,必须设定table-layou
表格内容很多,需要把成表格的第1行和前4列固定住,其他td滑动。看了这篇文章写得不错   写得很清楚,但是格滑动的时候出现严重错位,下了作者最新上传的代码   2018-01-14 11:10我看了js文件,在获取td和th的宽高时有些用的innerWidth()和height();innerWidth()包括padding,但是不包括border和mar
#include "stdio.h"   #include "stdlib.h"   typedef struct List   {   int data;   struct List *next; //指针域&nbsp
转载 精选 2015-05-19 15:00:51
468阅读
JsUtil.fixed = { FixTableHeadRowCol: function(TableID, FixColumnNumber, width, height) {         if ($("#" + TableID + "_tableLayout").length != 0) {            $("#" + TableID + "_tableLayout"...
原创 2022-03-25 14:12:41
111阅读
  • 1
  • 2
  • 3
  • 4
  • 5