Tenho um problema ao controlar a largura de uma tabela usando o plug-in jQuery DataTables. A tabela deve ter 100% da largura do contêiner, mas acaba sendo uma largura arbitrária, um pouco menor que a largura do contêine

Sugestões apreciadas

A declaração da tabela é assim

<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 = "width: 0px;")

<table id="querytableDatasets" class="display" cellspacing="0" 
cellpadding="3" width="100%" style="width: 0px;">

Olhando os estilos no Firebug, o estilo table.display foi substituído. Não consigo ver de onde vem isso

element.style {  
  width:0;}    

-- dataTables.css (line 84
table.display { 
  margin:0 auto;  
  width:100%;  
}