DataTable com header fixo (richfaces)

0 respostas
G

Galera, precisava de uma tabela que tivesse scroll tanto na horizontal quanto na vertical. Para isso utilizei o rich:dataTable dentro de uma div que delimitava o tamanho, só que o
problema era que o header da dataTable não acompanhava o scroll.
Após quebrar muito a cabeça, consegui achar uma solução, que foi setar o position do header para relative e definir o top de acordo com a posição do scroll.

O codigo do css:

.headerTableFixed TH{ position: relative; top:0px; } .headerTableFixed { height: 27px; position: relative; top: expression(this.parentNode.parentNode.parentNode.scrollTop + 'px'); }
O codigo da tabela:

<rich:dataTable headerClass="headerTableFixed" rows="0" var="indice"
				id="tabelaConteudo" value="#{modelosBean.viewHelper.listaModelos}" styleClass="dataTableStyle"
				 width="800px">

O unico problema é que essa CSS expression só funciona no IE, mas fica ai uma solução

Criado 16 de junho de 2011
Respostas 0
Participantes 1