`

Table列头固定,数据行与列头对齐方法

 
阅读更多
<style   type="text/css">  
  .td_relative  
  {  
          background-color:  #CCCCCC;  
          top: expression(document.getElementById("dv").scrollTop);  
          position : relative;  
          z-index : 1  
  }  
  </style>


<div class="tablebgcolor" id="dv" align=center style="border: 1 solid #000080 ;height:300;
width: 80%; overflow: auto; ">

  <TABLE align="center" border="1" cellspacing="0" width="100%" cellpadding="0" class="tablebgcolor" >
<TR bgcolor=#e2e2e2 class="text" >
<td class="td_relative"  valign="top" align="left">
                    序列
              </td>
              <td class="td_relative"  valign="top" align="left">
                    市场代码
              </td>
              <td class="td_relative"  valign="top" align="left">
                    市场描述
              </td> 
              <td class="td_relative" valign="top" align="left">
                    所属国家代码
              </td>
              <td class="td_relative" valign="top" align="left">
                    有效性(Y/N)
              </td>  
              <td class="td_relative"  valign="top" align="left">
                    创建时间      
              </td>  
        </TR>

            </td>
           
            <td width="20%"  valign="top" align="left" class="text">
                <%=marketDec %>&nbsp;
            </td> 
            <td width="20%"  valign="top" align="left" class="text">
                <%=conName %>&nbsp;
            </td>
            <td width="15%"  valign="top" align="left" class="text">
                <%=valid %>&nbsp;
            </td>  
            <td width="20%"  valign="top" align="left" class="text">
                <%=rec_time %>&nbsp;
            </td>
           
  </tr>
</TABLE>
分享到:
评论

相关推荐

    bootstrap table列和表头对不齐的解决方法

    主要为大家详细介绍了bootstrap table列和表头对不齐的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    smartTable-2.2.0.zip

    表格固定左序列、顶部序列、第一行、列标题、统计行; 自动统计,排序(自定义统计规则); 表格图文、序列号、列标题格式化; 表格各组成背景、文字、网格、padding等配置; 表格批注; 表格内容、列标题点击事件;...

    解决iview table组件里的 固定列 表格不自适应的问题

    当在使用iview Table组件里固定列功能时 出现表格不自适应宽度问题 具体如下 解决这个bug 很简单 把组件里的 width 改为 minWidth 即可 columns: [ { title: '账户名', key: 'accountName', fixed: 'left', ...

    一款android自动生成表格框架smartTable-master.zip

    表格固定左序列、顶部序列、第一行、列标题、统计行; 自动统计,排序(自定义统计规则); 表格图文、序列号、列标题格式化; 表格各组成背景、文字、网格、padding等配置; 表格批注; 表格内容、列标题点击事件;...

    Android代码-好用漂亮的Android表格框架,样式丰富。

    表格固定左序列、顶部序列、第一行、列标题、统计行; 自动统计,排序(自定义统计规则); 表格图文、序列号、列标题格式化; 表格各组成背景、文字、网格、padding等配置; 表格批注; 表格内容、列标题点击事件;...

    table-format:将Python代码(列表列表)设置为固定宽度的表格

    :flexed_biceps: 入门您已经进行了一些这样的测试: def test_the_thing (): assert do_the_thing () == [ [ "A nice header" , "Another" , "More" ], [ 1 , 2 , 3 ], ] 如果这些列对齐会不好吗? 将整个列表复制...

    table表格某一td内容太多导致样式混乱的解决方案

    要让table的宽度固定我们可以给table元素设置table-layout:fixed;样式,但这样表格的宽度问题是解决了,但是里面的内容并不会自动换行。我们还需要给td设置word-break: break-all; word-wrap:break-word;即可完美...

    oracle存储过程练习题[收集].pdf

    编写程序实现数据导出功能,将客户表数据导出成文件,要求每个字段列的内容长度是固定的,不足部分由空格补齐,字符串左对齐(右补空格),数字右对齐。如果列的内容为 null,需先进行处理,字符串默认为空格,数字...

    文档智能:数字化转型的技术基石.docx

    注规模小、标注粒度大、多模态信息缺失等缺陷,微软亚洲研究院的研究员们还提出了大规模表格识别数据集 TableBank和大规模文档布局标注数据集 DocBank(论文链接:/abs/2006.01038),利用弱监督的方法,构建了高...

    GTK+2.0 中文版(基于GNOME官方文档翻译)

    Table of Contents 中文版说明 简介 从这里开始 用 GTK 来写 Hello World 编译 Hello World 程序 信号和回调函数的原理 事件 Hello World 详解 继续 数据类型 深入探索信号处理函数 改进了的 ...

    c++ 面试题 总结

    如果少了个=号,编译时就会报错,减少了出错的可能行,可以检测出是否少了= -------------------------------------------------------------------------- 7.下面的代码有什么问题? void DoSomeThing(...) { char* ...

Global site tag (gtag.js) - Google Analytics