Boa noite pessoal.
Estou utilizando a displaytag1.1.
Esto tendo o seguinte problema.
Quando o resultado de uma consulta é impresso na minha jsp.
Ele mostra o titulo da tabela com trodo o espaço da tela mas as colunas com o coteudo nao ocupam nem a metade da tela e fica tudo emboalado sendo que ha espaço de sobra.
Alguem ja viu este erro antes?
Uma ideia do que seja …
Parece ser problema de CSS!
Tem como postar o seu codigo ae?
Tai
thead tr {
/* Titulo das colunas */
background-color: #37afff;
font-size:12px;
color:#666666;
align:center;
}
tr.odd {
/* Coluna impar */
background-color: #d5efff;
align:center;
}
tr.tableRowEven, tr.even {
/* Coluna par */
background-color: #edf7ff;
align:center;
}
table.sublist {
margin: 0 0 0 0;
align:center;
width: 100%;
}
table.sublist td, table.sublist th {
width: 100%;
align:center;
}
/*Banner superior*/
span.pagebanner {
background-color: transparent;
border: 0px dotted #999;
padding: 0px 0px 0px 0px;
width: 0;
height: 0;
margin-top: 0px;
display:block;
border-bottom: none;
font-size: 0px;
color: #;
visibility:hidden;
}
/* Banner links*/
span.pagelinks {
background-color: #37afff;
border: 0px;
padding: 2px 4px 2px 4px;
width: 100%;
height: 15;
display:block;
border-top: none;
margin-bottom: 5px;
}
.tableLista{
width: 100%;
}Bom inicialmente eu tinha este css ai.
Dei uma googlada e achei uns arquivos (css, properties).
Dai troquei meus arquivos por estes, ele ate resolveu um problma, pois como disse a tabela ficava estranha porque o titulo ocupava todo o espaço disponivel mas, as linhas com os resultados ficavam pequenas, espremendo todo o conteudo. Esta parte do titulo foi resolvida com a troca dos arquivos.
Percebi que a displaytag ajusta as celulas de acordo com o conteudo, sendo assim se o resultado for
ex: "oi tudo bem?"
de acordo com a qtde de colunas ela podera ajustar para
EX: “Oi”
“tudo”
"bem?"
Ela faz estas quebras de linha, coisa que não quero, ja que existem lugares onde eu a tabela sera exibida que eu tenho espaço horizontal e nao vertical. E quanto mais quebra mais a tabela cresce verticalmente.
Acredito que tenha algo a ver com o espaço " " Parece não estar codificando o espaço, se eu colocar " " ela impreime um espaço.
Abaixo os codigos que estou usando.
basic.empty.showtable=false
basic.show.header=true
# page | list
sort.amount=page
export.amount=list
export.decorated=true
paging.banner.group_size=8
paging.banner.placement=top
css.tr.even=even
css.tr.odd=odd
css.th.sorted=sorted
css.th.ascending=order1
css.th.descending=order2
css.table=displayTable
css.th.sortable=sortable
# factory classes for extensions
factory.requestHelper=org.displaytag.util.DefaultRequestHelperFactory
# factory class for decorators
factory.decorator=org.displaytag.decorator.DefaultDecoratorFactory
# locale provider (Jstl provider by default)
locale.provider=org.displaytag.localization.I18nJstlAdapter
# locale.resolver (nothing by default, simply use locale from request)
#locale.resolver=
export.types=csv excel xml pdf
export.csv.class=org.displaytag.export.CsvView
export.excel.class=org.displaytag.export.ExcelView
export.xml.class=org.displaytag.export.XmlView
export.pdf.class=org.displaytag.export.PdfView
export.csv=true
export.csv.label=<span class="export csv">CSV </span>
export.csv.include_header=false
export.csv.filename=
export.excel=true
export.excel.label=<span class="export excel">Excel </span>
export.excel.include_header=true
export.excel.filename=
export.xml=true
export.xml.label=<span class="export xml">XML </span>
export.xml.filename=
export.pdf=false
export.pdf.label=<span class="export pdf">PDF </span>
export.pdf.include_header=true
export.pdf.filename=
export.rtf=false
export.rtf.label=<span class="export rtf">RTF </span>
export.rtf.include_header=true
export.rtf.filename=
# messages
basic.msg.empty_list=Nothing found to display.
basic.msg.empty_list_row=<tr class="empty"><td colspan="{0}">Nenhum item encontrado</td></tr>
error.msg.invalid_page=invalid page
export.banner=<div class="exportlinks">Export options: {0}</div>
export.banner.sepchar= |
paging.banner.item_name=item
paging.banner.items_name=items
paging.banner.no_items_found=<span class="pagebanner">No {0} encontrado(s).</span>
paging.banner.one_item_found=<span class="pagebanner">One {0} encontrado(s).</span>
paging.banner.all_items_found=<span class="pagebanner">{0} {1} encontrado(s), mostrando todos {2}.</span>
paging.banner.some_items_found=<span class="pagebanner">{0} {1} encontrado(s), mostrando {2} a {3}.</span>
paging.banner.full=<span class="pagelinks">[<a href="{1}">' << '</a>/<a href="{2}">' < '</a>] {0} [<a href="{3}">' > '</a>/<a href="{4}">' >> '</a>]</span>
paging.banner.first=<span class="pagelinks">['<< / < '] {0} [<a href="{3}">' > '</a>/<a href="{4}">' >> '</a>]</span>
paging.banner.last=<span class="pagelinks">[<a href="{1}">' << '</a>/<a href="{2}">' < '</a>] {0} [' > '/ '>> ']</span>
paging.banner.onepage=<span class="pagelinks">{0}</span>
paging.banner.page.selected=<strong>{0}</strong>
paging.banner.page.link=<a href="{1}" title="Ir para a pagina {0}">{0}</a>
paging.banner.page.separator=, \
# external sort and pagination
pagination.sort.param=sort
pagination.sortdirection.param=dir
pagination.pagenumber.param=page
pagination.searchid.param=searchid
pagination.sort.asc.value=asc
pagination.sort.desc.value=desc
pagination.sort.skippagenumber=true
# unused
save.excel.banner=<a href="{0}" rel="external">save ({1} bytes)</a>
save.excel.filename=export.xlsCSS
.displayTable table {
border: 2px solid #666;
width: 80%;
margin: 20px 0 20px 0 !important;
}
.displayTable th, .displayTable td {
padding: 2px 4px 2px 4px !important;
text-align: left;
vertical-align: top;
}
.displayTable thead tr {
background-color: #37afff;
}
.displayTable th.sorted {
background-color:37afff;
}
.displayTable th a,.displayTable th a:visited {
color: black;
}
.displayTable th a:hover {
text-decoration: underline;
color: black;
}
.displayTable th.sorted a,.displayTable th.sortable a {
background-position: right;
display: block;
width: 100%;
}
.displayTable th.sortable a {
background: url(../img/arrow_off.png) no-repeat right center ;
}
.displayTable th.order1 a {
background: url(../img/arrow_down.png) no-repeat right center ;
}
.displayTable th.order2 a {
background: url(../img/arrow_up.png) no-repeat right center;
}
.displayTable tr.odd {
background-color: #d5efff
}
.displayTable tr.tableRowEven,.displayTable tr.even {
background-color: #edf7ff
}
.displayTable div.exportlinks {
background-color: #eee;
border: 1px dotted #999;
padding: 2px 4px 2px 4px;
margin: 2px 0 10px 0;
width: 79%;
}
.displayTable span.export {
padding: 0 4px 1px 20px;
display: inline;
display: inline-block;
cursor: pointer;
}
.displayTable span.excel {
background-image: url(../img/ico_file_excel.png);
}
.displayTable span.csv {
background-image: url(../img/ico_file_csv.png);
}
.displayTable span.xml {
background-image: url(../img/ico_file_xml.png);
}
.displayTable span.pdf {
background-image: url(../img/ico_file_pdf.png);
}
.displayTable span.rtf {
background-image: url(../img/ico_file_rtf.png);
}
.displayTable span.pagebanner {
background-color: #eee;
border: 1px dotted #999;
padding: 2px 4px 2px 4px;
width: 79%;
margin-top: 10px;
display: block;
border-bottom: none;
}
.displayTable span.pagelinks {
background-color: #eee;
border: 1px dotted #999;
padding: 2px 4px 2px 4px;
width: 79%;
display: block;
border-top: none;
margin-bottom: -5px;
font-weight: bold;
}Se alguem souber como desabilitar isto fico grato.
e ai pessoal …
Nada mesmo?
Caro colega acho o q o ideal seria mudar essas três chamadas CSS
.displayTable span.pagebanner {
background-color: #eee;
border: 1px dotted #999;
padding: 2px 4px 2px 4px;
width: 79%;
margin-top: 10px;
display: block;
border-bottom: none;
}
.displayTable span.pagelinks {
background-color: #eee;
border: 1px dotted #999;
padding: 2px 4px 2px 4px;
width: 79%;
display: block;
border-top: none;
margin-bottom: -5px;
font-weight: bold;
}
Para
.displayTable span.pagebanner {
background-color: #eee;
border: 1px dotted #999;
padding: 2px 4px 2px 4px;
width: 100%;
margin-top: 10px;
display: block;
border-bottom: none;
}
.displayTable span.pagelinks {
background-color: #eee;
border: 1px dotted #999;
padding: 2px 4px 2px 4px;
width: 100%;
display: block;
border-top: none;
margin-bottom: -5px;
font-weight: bold;
}
Espero ter ajudado qualquer problema só chamar FLW.
Para este problema da largura da coluna, modifico o style direto na display tag, por exemplo:
<display:column property="id" title="Código" sortable="true" headerClass="sortable" style="width: 10%;"/>experimente assim.
Bls pessoal.
Vou teastar e depois posto o resultado aki.