文档章节

固定表头带滚动条的HTML表格

习惯了-想你
 习惯了-想你
发布于 2016/11/29 14:53
字数 870
阅读 10
收藏 0
<html>
<head>
</head>
<BODY>
<DIV align=center>
<TABLE style="BORDER-COLLAPSE: collapse" borderColor=#111111 cellSpacing=1 cellPadding=0 width=400 border=0>
  <TR>
    <TD>
      <TABLE cellSpacing=1 cellPadding=0 width="100%" align=center summary="" border=0>
          <TR> 
            <TD align=middle bgColor=#000080 colSpan=5><FONT color=#ffffff size=2>商场本月销售统计表</FONT></TD>
          </TR> 
          <TR> 
            <TD width="24%" bgColor=#6c95d0><FONT size=2>商品名</FONT></TD> 
            <TD width="24%" bgColor=#6c95d0><FONT size=2>上旬</FONT></TD> 
            <TD width="24%" bgColor=#6c95d0><FONT size=2>中旬</FONT></TD> 
            <TD width="24%" bgColor=#6c95d0><FONT size=2>下旬</FONT></TD> 
            <TD width="4%"  bgColor=#6c95d0><FONT  size=2> </FONT></TD>
          </TR>
        </TABLE>
     </TD>
  </TR> 
  <TR> 
    <TD>
        <DIV style="OVERFLOW: auto; WIDTH: 100%; HEIGHT: 150px"> 
          <TABLE style="BORDER-COLLAPSE: collapse" borderColor=#111111 height=273 
cellSpacing=1  cellPadding=12 width="99%"> 
            <TR> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>洗洁精</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>2321</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>4521</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>1203</FONT></TD>
            </TR> 
            <TR> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>洗洁精</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>2321</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>4521</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>1203</FONT></TD>
            </TR> 
            <TR> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>洗洁精</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>2321</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>4521</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>1203</FONT></TD>
            </TR> 
            <TR> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>洗洁精</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>2321</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>4521</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>1203</FONT></TD>
            </TR> 
            <TR> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>洗洁精</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>2321</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>4521</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>1203</FONT></TD>
            </TR> 
            <TR> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>洗洁精</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>2321</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>4521</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>1203</FONT></TD>
            </TR> 
            <TR> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>洗洁精</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>2321</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>4521</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>1203</FONT></TD>
            </TR> 
            <TR> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>洗洁精</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>2321</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>4521</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>1203</FONT></TD>
            </TR> 
            <TR> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>洗洁精</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>2321</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>4521</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>1203</FONT></TD>
            </TR> 
            <TR> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>洗洁精</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>2321</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>4521</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>1203</FONT></TD>
            </TR> 
            <TR> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>洗洁精</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>2321</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>4521</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>1203</FONT></TD>
            </TR> 
            <TR> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>洗洁精</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>2321</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>4521</FONT></TD> 
              <TD width="25%" bgColor=#ffffd9 height=17><FONT size=2>1203</FONT></TD>
            </TR> 
          </TABLE>
        </DIV>
    </TD>
    </TR>
  </TBODY>
</TABLE>

 

</BODY>
</HTML>

以上内容由网络收集整理,非本人原创,感谢无数网友的贡献。

本文转载自:

共有 人打赏支持
习惯了-想你
粉丝 2
博文 71
码字总数 47248
作品 0
海淀
程序员
私信 提问
HTML+CSS+JS实现TABLE固定列(常见浏览器兼容)的最佳实践

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

李玉珏
2015/04/23
0
0
jqgrid怎么固定表头

jqgrid插件生成的表格但一页数据过多时表头会随滚动条滚动看不见,怎么可以使表头固定在页面上

殿主l
2015/09/08
291
0
JavaSwing_4.8: JTable(表格)

本文链接: http://blog.csdn.net/xietansheng/article/details/78079806 Java Swing 图形界面开发(目录) 1. 概述 官方JavaDocsApi: javax.swing.JTable ,表格。JTable 是用来显示和编辑常...

xietansheng
2017/09/24
0
0
MFC_list Control列表/表格控件

先看一下这个控件有些什么属性吧: 1.样式View:Report表格,list列表 2.设置风格:SetExtendedStyle SetExtendedStyle函数的定义形式为: 参数:dwNewStyle:CListCtrl的扩展样式(LVSEXGRID...

一个小妞
2017/09/27
0
0
Xceed WinForm数据表格控件Xceed Grid For .NET详细介绍

Xceed Grid For .NET是一款高级的,多功能的、扩展性极强的数据表格控件,具有分组、主从表、多种主题外观、固定列和行、Excel导出、支持Vista风格,交互的外观样式,内嵌报表功能,支持导出...

netkongjian
2014/06/06
0
0

没有更多内容

加载失败,请刷新页面

加载更多

关于《红楼梦》的读后感优秀范文2000字

关于《红楼梦》的读后感优秀范文2000字: (在写读《红楼梦》有感的路上遇到了博友“五音不全”师兄,使我感到汗颜,于是放弃了87版的电视剧,只读原著《红楼梦》和五音的评红作品,对原著才...

原创小博客
14分钟前
0
0
cookie与session详解

session与cookie是什么? session与cookie属于一种会话控制技术.常用在身份识别,登录验证,数据传输等.举个例子,就像我们去超市买东西结账的时候,我们要拿出我们的会员卡才会获取优惠.这时...

士兵7
16分钟前
0
0
十万个为什么之为什么大家都说dubbo

Dubbo是什么? 使用背景 dubbo为什么这么流行, 为什么大家都这么喜欢用dubbo; 通过了解分布式开发了解到, 为适应访问量暴增,业务拆分后, 子应用部署在多台服务器上,而多台服务器通过可以通过d...

尾生
今天
2
0
Docker搭建代码质量检测平台-SonarQube(中文版)

Sonar是一个用于代码质量管理的开源平台,用于管理源代码的质量,可以从七个维度检测代码质量。通过插件形式,可以支持包括java,C#,C/C++,PL/SQL,Cobol,JavaScrip,Groovy等等二十几种编程语言...

Jacktanger
今天
2
0
Windows / Linux / MacOS 设置代理上网的方法汇总

本文汇总了 Windows / Linux / MacOS 设置代理上网的各种方法,总结如下: 1、设置系统代理(Windows、Linux、MacOS) 2、设置代理插件(Chrome、Chromium、Firefox、Opera、QQ等浏览器) 3、...

sunboy2050
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部