jQuery EasyUI：使數據網格在邊界佈局內可調整大小

Question

我試圖使用EasyUI實現主控細節控制。目前，我有類似如下：

<div class="easyui-layout" style="height: 600px;"> 
    <div region="west" style="width: 250px;"> 
     <table id="detailsTable"> 
      <thead> 
       <tr> 
        <th field="ID" width="200">ID</th> 
        <th field="Name" width="200">Name</th> 
       </tr> 
      </thead> 
      <tbody> 
      ... 
      </tbody> 
     </table> 
    </div> 
    <div region="center" title="Main Title"> 
    ... 
    </div> 
</div> 

而下面的腳本轉動入一個漂漂亮亮的主從控制：

$("div.easyui-layout").layout(); 
$("table#detailsTable").datagrid({ 
    pagination: false, 
    singleSelect: true, 
    fitColumns: true 
}); 

我現在需要的是使電網具有寬度100它的容器的百分比（西部面板），所以它需要與面板一起調整大小。 設置width="100%"或style="width: 100%;"對於表格沒有任何幫助，當面板調整大小時（至少我沒有在文檔中找到任何），佈局似乎沒有觸發任何事件。有任何想法嗎？

Answer 1

（評價和修改回答見Question with no answers, but issue solved in the comments (or extended in chat)）

的OP寫道：

看起來像的情況下可以關閉 - 配合選項解決了這個問題：

$("table#detailsTable").datagrid({ 
    fit: true, 
    ...