Tenho um problema para controlar a largura de uma tabela usando o plugin jQuery DataTables. A mesa deve ter 100% da largura do contêiner, mas acaba tendo uma largura arbitrária, ao invés da largura do contêiner.
Sugestões apreciadas
A declaração da tabela se parece com isto
<table id="querytableDatasets" class="display" cellspacing="0"
cellpadding="3" width="100%">
E o javascript
jQuery('#tab-datasets').load('/cgi-bin/qryDatasets', '', function (){
jQuery('#querytableDatasets').dataTable({
"bPaginate": false,
"bInfo": false,
"bFilter": false
});
}); `
Inspecionando o HTML no Firebug, você vê isso (observe o estilo adicionado = "largura: 0px;")
<table id="querytableDatasets" class="display" cellspacing="0"
cellpadding="3" width="100%" style="width: 0px;">
Olhando para os estilos no Firebug, o estilo table.display foi substituído. Não consigo ver de onde isso está vindo
element.style {
width:0;}
-- dataTables.css (line 84
table.display {
margin:0 auto;
width:100%;
}
max-width
propriedade definida. Aparentemente o IE8 não gosta muito dessa propriedade e a ignora em relação às tabelas de dados, embora a imagem tenha sido dimensionada corretamente na tela. Alterá-lo parawidth
corrigir o problema.