java 表头固定_常用的固定表头的几种做法

java 表头固定_常用的固定表头的几种做法这几天修改列表的样式风格 提到了列表表头的固定方法 总结一下常见的几种 第一种感觉最简单的就是分放在两个标签里 这样只控制不含有标题的那个 代码如下 标题一标题二标题三标题四 4

这几天修改列表的样式风格,提到了列表表头的固定方法,总结一下常见的几种:

第一种感觉最简单的就是分放在两个

标签里,这样只控制不含有标题的那个,代码如下:

标题一 标题二 标题三 标题四
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4

第二种不是很灵活,但是也比较简单,就是通过一个层来进行处理,将

放入层中,代码如下:Some Title

标题一 标题二 标题三 标题四
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4

从以上代码可以看出,第二种不太方便的地方就是有一个id限制,给我的感觉就不是很舒服,但的确是非常的简单易用。

第三种也不是很麻烦,不使用id,但是这个代价却是通过增加一个层(

Some Title

DIV.tableContainer {

OVERFLOW-X: auto; WIDTH: 100px

}

DIV.bodyContainer {

OVERFLOW-Y: auto; OVERFLOW-X: hidden; WIDTH: 300px; HEIGHT: 100px;

}

标题一 标题二 标题三 标题四
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4
1 2 3 4

使用第三种方法时要特别注意:

最外边的层

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/221268.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月17日 下午6:31
下一篇 2026年3月17日 下午6:31


相关推荐

  • 常见免费API接口[通俗易懂]

    常见免费API接口[通俗易懂]https://www.apishop.net/#/api/detail/?productID=215

    2022年8月3日
    6
  • openclaw 安装及使用

    openclaw 安装及使用

    2026年3月13日
    3
  • OpenClaw小龙虾+QQ机器人+免费API保姆级部署教程

    OpenClaw小龙虾+QQ机器人+免费API保姆级部署教程

    2026年3月13日
    2
  • 开始激活成功教程so文件_so文件格式怎么打开

    开始激活成功教程so文件_so文件格式怎么打开第一、利用IDA静态分析native函数1.isEquals函数分析函数指令代码:简单分析指令代码:1>、PUSH{r3-r7,lr}是保存r3,r4,r5,r6,r7,lr的值到内存的栈中;与之对应的是POP{r3-r7,pc}pc:程序寄存器,保留下一条CPU即将执行的指令lr:连接返回寄存器,保留函数返回后,下一条应执行的指令2>、调用strlen,malloc,st

    2026年1月22日
    3
  • Eureka原理详解

    Eureka原理详解Eureka 工作原理上节内容为大家介绍了 注册中心 Eureka 产品的使用 以及如何利用 Eureka 搭建单台和集群的注册中心 这节课我们来继续学习 Eureka 了解它的相关概念 工作流程机制等 Eureka 作为 SpringCloud 体系中最核心 默认的注册中心组件 研究它的运行机制 有助于我们在工作中更好地使用它 Eureka 核心概念回到上节的服务注册调用示意图 服务提供者和服务的消费者 本质上也是 EurekaClient 角色 整体上可以分为两个主体 EurekaServ

    2026年3月26日
    2
  • DELL服务器数据恢复成功案例[通俗易懂]

    DELL服务器数据恢复成功案例[通俗易懂]DELLEqualLogicPS6100采用虚拟ISCSISAN阵列,为远程或分支办公室、部门和中小企业存储部署带来企业级功能、智能化、自动化和可靠性。以简化的管理、快速的部署及合理的价格满足了分支办公室和中小企业的存储需求,同时提供全套企业级数据保护和管理功能、可靠的性能、可扩展性和容错功能,是中型企业级存储的起点产品,但某些物理故障或其他操作都可能会对卷或存储造成破坏,因此对系列存储的数…

    2022年6月30日
    26

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号