Congelando colunas com scroll vertical e horizontal conforme excle

Assuntos Gerais
#1

Olá Amigos,

Após muita preocura, aqui no trabalho nos conseguimos realizar uma grid com as duas primeiras colunas congeladas com scroll horizontal e vertical, o codigo abaixo está funcionando, mas se alguém tiver uma solução melhor, pois o rich:bug, o não, <rich:scrollableDataTable não funciona com facelets.

[code]

Documento sem título #fixarcoluna table{border:none;} #fixarColuna .content table {width:100%;} #fixarColuna .content tr {background-color: #f3faff;} /* #fixarColuna .content tr:hover {background-color: #949fab;} */ #fixarColuna .content td {border-bottom:solid 1px #999; padding:6px 4px;} #fixarColuna .contentHead td {border-bottom:solid 2px #CCC; padding:6px 4px;} #fixarColuna .contentHead tr {background-color: #F0F1F2;} #fixarColuna .content {display:block; width:100%; padding:0; margin:0; overflow-y: hidden; height:200px;} #fixarColuna .contentHead {display:block; width:98.5%; padding:0; margin:0; overflow: hidden; height:35px;} #fixarColuna .content div {display:inline; float: left; position: relative; border: none; width:100%;} #fixarColuna .contentHead div {display:inline; float: left; position: relative; border: none; width:100%;} #fixarColuna .content .contentHead .larguraP19 {width:19%;}
Coluna1
Coluna2
Estação Data Status Número CPF Coluna 8 Coluna 9
Linha1
Linha2
Linha3
Linha4
Linha5
Linha6
Linha7
Linha8
Linha9
Linha10
Linha11
Linha12
Linha13
Linha14
Linha1
Linha2
Linha3
Linha4
Linha5
Linha6
Linha7
Linha8
Linha9
Linha10
Linha11
Linha12
Linha13
Linha14 
		  </tr>
          <tr> 
            <td style="min-width:180px;">WFLA</td>
            <td style="min-width:180px;">03/12/2007</td>
            <td style="min-width:180px;">Ok</td>
            <td style="min-width:180px;">1</td>
			<td style="min-width:180px;">123456789</td>
			<td style="min-width:180px;">Coluna 8</td>
			<td style="min-width:180px;">Coluna 9</td>
          </tr>
          <tr> 
            <td style="min-width:180px;">WFLA</td>
            <td style="min-width:180px;">03/12/2007</td>
            <td style="min-width:180px;">Ok</td>
            <td style="min-width:180px;">1</td>
			<td style="min-width:180px;">123456789</td>
			<td style="min-width:180px;">Coluna 8</td>
			<td style="min-width:180px;">Coluna 9</td>
          </tr>
          <tr> 
            <td style="min-width:180px;">WFLA</td>
            <td style="min-width:180px;">03/12/2007</td>
            <td style="min-width:180px;">Ok</td>
            <td style="min-width:180px;">1</td>
			<td style="min-width:180px;">123456789</td>
			<td style="min-width:180px;">Coluna 8</td>
			<td style="min-width:180px;">Coluna 9</td>
          </tr>
          <tr> 
            <td style="min-width:180px;">EBMK</td>
            <td style="min-width:180px;">03/12/2007</td>
            <td style="min-width:180px;">Ok</td>
            <td style="min-width:180px;">1</td>
			<td style="min-width:180px;">123456789</td>
			<td style="min-width:180px;">Coluna 8</td>
			<td style="min-width:180px;">Coluna 9</td>
          </tr>
          <tr> 
            <td style="min-width:180px;">ZXCD</td>
            <td style="min-width:180px;">03/12/2007</td>
            <td style="min-width:180px;">Ok</td>
            <td style="min-width:180px;">6</td>
			<td style="min-width:180px;">123456789</td>
			<td style="min-width:180px;">Coluna 8</td>
			<td style="min-width:180px;">Coluna 9</td>
          </tr>
          <tr> 
            <td style="min-width:180px;">MJKL</td>
            <td style="min-width:180px;">03/12/2007</td>
            <td style="min-width:180px;">Ok</td>
            <td style="min-width:180px;">1</td>
			<td style="min-width:180px;">123456789</td>
			<td style="min-width:180px;">Coluna 8</td>
			<td style="min-width:180px;">Coluna 9</td>
          </tr>
          <tr> 
            <td style="min-width:180px;">BNMH</td>
            <td style="min-width:180px;">04/12/2007</td>
            <td style="min-width:180px;">Ok</td>
            <td style="min-width:180px;">6</td>
			<td style="min-width:180px;">123456789</td>
			<td style="min-width:180px;">Coluna 8</td>
			<td style="min-width:180px;">Coluna 9</td>
          </tr>
          <tr> 
            <td style="min-width:180px;">HJYK</td>
            <td style="min-width:180px;">04/12/2007</td>
            <td style="min-width:180px;">Pendente</td>
            <td style="min-width:180px;">1</td>
			<td style="min-width:180px;">123456789</td>
			<td style="min-width:180px;">Coluna 8</td>
			<td style="min-width:180px;">Coluna 9</td>
          </tr>
          <tr> 
            <td style="min-width:180px;">WDFG</td>
            <td style="min-width:180px;">04/12/2007</td>
            <td style="min-width:180px;">Pendente</td>
            <td style="min-width:180px;">4</td>
			<td style="min-width:180px;">123456789</td>
			<td style="min-width:180px;">Coluna 8</td>
			<td style="min-width:180px;">Coluna 9</td>
          </tr>
          <tr> 
            <td style="min-width:180px;">ERTT</td>
            <td style="min-width:180px;">04/12/2007</td>
            <td style="min-width:180px;">Ok</td>
            <td style="min-width:180px;">9</td>
			<td style="min-width:180px;">123456789</td>
			<td style="min-width:180px;">Coluna 8</td>
			<td style="min-width:180px;">Coluna 9</td>
          </tr>
		</table>
    </div>
</div>
<div style="width:100%;border-color:red;"></div>
[/code]

Agradeço quem puder melhor ou ajudar com uma solução melhor.

Abraços

KABC 03/12/2007 Ok 0 123456789 Coluna 8 Coluna 9
KCBS 03/12/2007 Pendente 2 123456789 Coluna 8 Coluna 9
WFLA 03/12/2007 Ok 1 123456789 Coluna 8 Coluna 9
WFLA 03/12/2007 Ok 1 123456789 Coluna 8 Coluna 9
#2