2011-11-27 107 views
0

正如標題後不同的列寬說,我使用了Ajax調用以獲取我的表的新數據,並使用aaData初始化參數。這些調用都可以正常工作,並用正確的數據重新填充表格。我的問題是,雖然第一臺繪製正確,所有後續調用不會自動調整大小的列的寬度,以填補表的整個寬度 - 相反,列只能一樣寬的數據。數據表使用Ajax源和aaData初始化參數 - 初始呼叫

我打電話數據表像這樣:

$(document).ready(function(){ 
    $('#applyFilter').click(function(){ 
     //set up vars for ajax options and aoColumns 
     $.get('myAjaxsource', options, function(response){ 
      $('#grid-container').dataTable({ 
       'aaData': response.AADATA, 
       "aoColumns": aoColumns, 
       "bJQueryUI": true, 
       "bDestroy": true 
      }); 
     }); 
    }); 
} 

注:aoColumns對象不包括明確的寬度。我也打過電話fnAdjustColumnSizing()的數據表對象,但會導致所有的表,其中包括第一個呼叫,有一個小的寬度。另外,我試着刪除bJQueryUI參數。

第一個表中產生具有1262像素所計算的寬度。它看起來好像表中有一個風格=「寬度:100像素」屬性第二呼叫之後插入,具有322px一個計算寬度。

回答

0

原來,雖然我設置「寬度:100%」的一個內聯樣式,第二呼叫被毀損和增加它自己的「風格=‘寬度:1000×’」的屬性。將樣式放在樣式表中並標記它!重要的固定事物。