DataTable header fixo

[edurei]

Pessoal, alguem sabe com fixar o header(cabeçalho) do dataTable?

Por exemplo, colocaria o dataTable em um Div que limitaria o tamanho
dele, mas preciso que ao rolar a barra de rolagens deste div, o
cabeçalho ficasse fixo.

Alguem sabe como fazer?

[Daniel Vidal]

Scrollable DataTable
http://livedemo.exadel.com/richfaces-demo/richfaces/scrollableDataTable.jsf?c=scrollableDataTable

[edurei]

Então, eu utilizo este em outra aplicação que tenho, ele não funciona
muito bem, da uns paus as vezes, ainda mais que para a aplicação que
preciso o cabeçalho fixo, as alterações são feitas direto no dataTable
e no Scrollable DataTable ao clicar em links por exemplo, as vezes ele
só da um reload no proprio Scrollable DataTable e não vai para onde o
link aponta.

On 11 ago, 16:13, "Daniel Vidal" <souca...@gmail.com> wrote:
> Scrollable DataTablehttp://livedemo.exadel.com/richfaces-demo/richfaces/scrollableDataTab...

[Mauren Ginaldo Souza]

Cria dois tables separados, um com o header e outro com o conteúdo,
onde o do conteúdo fica dentro do div com a barra de rolagem.

[edurei]

Eu fiz isso tbem! mas tenho problema com o tamanho das colunas, tem um
comando css table-layout que funciona perfeitamente para ie, mas para
firefox não rola...
como posso fazer para fixar a largura das colunas e que funcione para
ie e ff?

On 11 ago, 19:53, Mauren Ginaldo Souza <maurengina...@gmail.com>
wrote:

> > > Scrollable DataTablehttp://livedemo.exadel.com/richfaces-demo/richfaces/scrollableDataTab...- Ocultar texto entre aspas -
>
> - Mostrar texto entre aspas -

[Daniel Vidal]

Tente usar CSS:

.meuDataTable TH,
.meuDataTable THEAD{
      position: absolute;
      top: 0px;
      left: 0px;
}


Não custa nada tentar, mas nunca testei..
=P

[Jaime Schettini]

Eu também não gosto do scrollableDataTable, por isso às vezes utilizo
isso que queres.
Não sei se foi isso o que o Mauren quis dizer, mas eu faço assim: crio
dois divs, um só com o cabeçalho e outro só com a tabela sem o
cabeçalho. O segundo div possui a propriedade overflow-y: scroll.
Agora é muito chato fazer isso porque tens q criar o cabeçalho com
css, e o tamanho das colunas no cabeçalho têm que ser igual as colunas
da tabela. O que acontece é que nos diferentes navegadores, como
sempre, isso não fica igual, sempre fica um ou dois pixels de
diferença.
O que eu fiz foi tirar as linhas das colunas da tabela, para que essa
diferença não apareça.

É um saco fazer isso mas às vezes é necessário. Achei melhor do que
usar o scrollableDataTable em vários casos.

[edurei]

O problema é que mesmo tirando a linda da coluna, no firefox a
diferença de tamnaho das colunas fica absurda...
sera que não tem nenhum comando css que o firefox obedeça tipo o table-
layout:fixed e que tbem funcione no ie?

[Jaime Schettini]

O que eu faço é meio chato, mas no final fica bom. Eu estabeleço para
cada coluna uma classe css. Nessa classe eu escolho o tamanho das
colunas do cabeçalho, com valores geralmente diferentes para firefox e
IE.
Na tabela, eu defino o tamanho das colunas através da propriedade
columnsWidth, para que elas fiquem fixas.

É chato mas funciona.

[Eduardo di Vries]

Ok, resolvi este problema da seguinte forma:

 

Css - coloquei as informações relevantes o ie e também pro Firefox e então na pagina jsp coloquei o dataTable do Tomahawk e o t:columm limitando o tamanho da columm e resolveu, muito melhor do que o componte do richfaces(pra minha necessidade)

2008/8/11 edurei <eddure...@gmail.com>

[Dênis Aguilar]

Você pode postar um exemplo dessa solução, estou com o mesmo problema e queria utilizar essa solução. Porém utilizo o richfaces mas acho q ai não vai ter problema.

2008/8/18 Eduardo di Vries <eddure...@gmail.com>