display:table常⽤属性解释
1、官⽅⽹址:
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当表格需要数据导出,排序或者分页显⽰的时候,因为要提交给指定的URL处理,⽽这个属性就是做这个事情的
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属性
css表格样式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;}

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。