<display:table>常用属性解释

1、官方网址:http://www.displaytag.org/1.2/displaytag/tagreference.html

2、应用举例:<display:table name="requestScope.pageList" id="curPage" class="table table-striped" sort="external"  requestURI="${resource}/test/list.do"  export="true">

3、常用属性:


name


指向需要显示的List集合或者其他集合,集合中每个元素对应表格中一行,而元素(一般是bean对象)的属性对应的表格的列,如果元素是字符串,那么显示字符串本身,只有一列。


id


代表当前的bean对象。也就是可以在<display:column>中得到bean中的内容。还有一点,如果写了这个属性,就获得一个额外的属性,行号属性,从1开始获取行号方式是使用EL表达式:${XXX_rowNum},XXX代表id属性值。


class


就是正常表格的class属性,用来引用CSS样式


offset


这个属性是用来显示List的一部分,作用是控制从List的第几个元素开始显示。可以配合length属性使用。


length


这个属性是用来显示List的一部分,作用是显示List中的多少个元素。可以配合offset属性使用。


sort


默认值是page,表示排序当前页面中显示的数据,不会排序整个list中的数据,相反若是值为list,则代表排序整个list中的数据。


defaultorder


默认值是ascending,升序排列,若是值为descending,表示降序排列。该属性是控制defaultsort属性的排列状况的。


defaultsort


默认以哪一列排序,以数字1,2,3...指明该列,实际的作用就是页面加载的时候,用户还没有点击的时候,就已经以该列排序了,至于是升序还是降序则是由defaultorder指明。


pagesize


自动分页,真是神奇的属性。这么简单就实现了分页功能。但是实际上没有这么简单。第一我不知道它的分页原理。第二它在某些情况下会失效,具体情境不明,翻译的意思是转发到jsp页面的时候。requestURI不正确导致,所以需要设置requestURI属性。


requestURI


表格数据来源


requestURIcontext


控制产生链接的时候是否前置添加根路径,也就是项目路径。默认是true,也就是添加,可以设置为false,这样就可以跨域跳转了。


partialList


partialList="true"  分段从数据库中读数据


size


varTotals


这个需要和<display:column>标签配合使用,参考<display:column>属性解释中的toal属性。


export


默认值为false,若是值为true,则显示导出的工具栏,默认是显示CSV,Excel,XML三种导出,不过可以支持PDF和RTF格式导出。需要设置属性<display:setProperty name="export.pdf" value="true" />。


keepStatus


保持页面状态,当该页面跳转到其他页面时,再转回来的时候还是离开的时候的样子。


clearStatus


清除保持的状态。


htmlId


就是正常表格的id属性


style


就是正常表格的style属性,用来直接写CSS样式


cellpadding


就是正常表格的cellpadding属性,不过还是用CSS来改样式比较好,不要用该属性


cellspacing


就是正常表格的cellspacing属性,不过还是用CSS来改样式比较好,不要用该属性


frame


就是正常表格的frame属性,建议使用CSS,不要用该属性


rules


就是正常表格的rules属性,建议使用CSS,不要用该属性


summary


就是正常表格的summary属性,表示表格的摘要,

4、设置表格样式最好直接自己写CSS样式,例如:

.table, .table * {margin: 0 auto; padding: 0;font-size: 14px;font-family: Arial, 宋体, Helvetica, sans-serif;}

.table {display: table; width: 100%; border-collapse: collapse;}

.table-tr {display: table-row; height: 20px;}

.table-th {display: table-cell;font-weight: bold;height: 100%;border: 1px solid gray;text-align: center;vertical-align: middle;background-color:#E9E9E4;}

.table-td {display: table-cell; height: 100%;border: 1px solid gray; text-align: center;vertical-align: middle;}

时间: 2024-10-22 11:23:19

<display:table>常用属性解释的相关文章

vue常用属性解释。

props:详看 示例-网格组件. props 可以是数组或对象,用于接收来自父组件的数据.props 可以是简单的数组,或者使用对象作为替代,对象允许配置高级选项,如类型检测.自定义校验和设置默认值. <demo-grid :data="gridData" // @data 对应props, @gridData 对应 父组件的 data里的值. :columns="gridColumns" :filter-key="searchQuery"

使用display:table使两栏布局高度相等

两栏布局大家应该经常用了,但是遇到坑爹的要两栏的高度对齐的话要怎么办呢? 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 6 <title>Examples</titl

基于CSS属性display:table的表格布局的使用

项目改造中遇到DIV+CSS实现的table,新需求需要在表格使用单元格合并,网上调查返现CSS display:table实现的table表格,没有单元格的属性和样式,经过一番思考,曲折现实了单元格的合并,即采用正行嵌套一个单独的display:table的DIV,然后在嵌套的表格DIV内部通过控制行列数和行列的高度,实现单元格合并.个人建议全新实现使用<table> HTML标签即可 一.CSS display属性的表格布局相关属性的解释: table    此元素会作为块级表格来显示(类

css中display常用属性详解之Block(一)

用了几年的css了,css中inline | block |inline-block|table|flex从来没有做过系统的整理和分析,网上的分析文章也很多,零散. 今天有空,就在这做一下整理分析 block 解释:指定对象为块元素(占据一定矩形空间,可以通过设置高度.宽度.内外边距等属性,来调整的这个矩形的样) 特点:1.处于常规流中时,如果width没有设置,会自动填充满父容器  2.可以应用margin/padding  3.在没有设置高度的情况下会扩展高度以包含常规流中的子元素  4.处

CSS display:table属性用法- 轻松实现了三栏等高布局

display:table:此元素会作为块级表格来显示(类似 <table>); display:table-cell属性指让标签元素以表格单元格的形式呈现,类似于td标签.目前IE8+以及其他现代浏览器都是支持此属性的,但是IE6/7只能对你说sorry了,这一事实也是大大制约了display:table-cell属性在实际项目中的应用,但是现在是移动端的天下了,ie 说拜拜吧~ 与其他一些display属性类似,table-cell同样会被其他一些CSS属性破坏,例如float, posi

html表格(table)常用属性

属性名 含义 常用属性值 border 设置表格的边框宽度 像素值(默认为0) cellspacing 设置单元格与单元格边框之间的空白间距宽度 像素值(默认为2像素) cellpadding 设置单元格内容与边框线之间的空白间距宽度 像素值(默认为1像素) width 设置表格的宽度 像素值 height 设置表格的高度 像素值 align 设置表格在网页中的水平对齐方式 left.center.right bgcolor 设置表格的整体背景颜色 HTML5 不支持.HTML 4.01 已废弃

java常用英文解释

java常用名词解释: OO: object-oriented ,面向对象 OOP:object-oriented programming,面向对象编程 Author:JCC Object:对象JDK:Java development kit, java开发工具包 JVM:javavirtual machine ,java虚拟机 Compile:编绎 Run:运行Class:类 System:系统 out:输出 print:打印 line:行 variable:变量 type:类型 get:得到

CSS定位布局display/float/position属性之间的关系/区别和如何使用取值行为机制

float: left|right; 可以自动排列自动折行, 但需要clear来配合清除浮动;display: inline-block; 有些时候可以替代float实现相同的效果.position: absolute|relative; 要配合top,left等定位; position: absolute会导致元素脱离文档流,被定位的元素等于在文档中不占据任何位置,在另一个层呈现,可以设置z-index.PS的图层效果就是position: absolute. float也会导致元素脱离文档流

display:table、display:table-row和display:table-cell的用法

display:table和display:table-cell的用法: 建议:尽可能的手写代码,可以有效的提高学习效率和深度. display属性的table和table-cell属性值不怎么常用,主要是浏览器的兼容性并不好,因为万恶的IE6和IE7还有相当一部分用户在使用,不过并非没有它们展露头角的机会,在display:table-cell的用法简介中已经对display:table-cell做了简单的介绍,但是感觉不够全面,下面就集合实例稍稍全面的介绍一下. 三个属性值的基本概念: 1.