Essa semana aqui no projeto, estávamos procurando uma solução para algumas tabelas que extrapolavam o tamanho da

principal container. As tabelas que excediam o tamanho, estavam sendo exibidas desse jeito:

Então, depois de aplicar algumas alternativas, chegamos em um exemplo interessante, o Flexigrid.
Essa espécie de plugin para jQuery, permite que as tabelas fiquem comportadas em um espaço (praticamente um iFrame sofisticado, feito com javascript, div e tabela) e sejam flexíveis, como o nome já diz.
O Flexigrid também permite que o usuário escolha quais campos aparecerão, clicando na pequena seta preta, que baixa uma lista de opções e só com um clique o campo escolhido some, diminuindo a quantidade de informações (veja imagem abaixo).

Existem várias versões do flexigrid que podem ser utilizada, inclusive algumas trabalham com php e mysql, possuem uma busca embutida, enfim, várias possibilidades. A aplicação do código também é bem fácil, dependendo da versão, apenas uma linha é necessária para ativar o plugin. Também é possível personalizar quase que completamente a CSS do flexigrid.
O plugin possui alguns problemas de conflito, mas nada que seja simples de resolver. Por exemplo, o pior problema que eu achei foi o conflito que ele gera por um atributo “hide” usado no seu .js, com a função “hide()” de Prototype.
Ou seja, se você usa Prototype, apenas basta alterar os atributos “hide” para algo como “hidden” (como eu fiz) que não haverá mais conflito e o plugin funcionará perfeitamente!

Autor: Rafael Jardim