適合easyui數據網格列到可用寬度

Question

在下面的代碼，有除了最後在％指定3列，那些我需要菜單3佔據的可用寬度。

HTML

<table id="dg" style="width:100%;height:100%"> 
    <thead> 
     <tr height="20"> 
     <th data-options="field:'menu1',sortable:false,resizable:false" width="20%">Menu1</th> 
     <th data-options="field:'menu2',sortable:false,resizable:false" width="20%">menu2</th> 
     <th data-options="field:'menu3',sortable:false,resizable:false" width="">menu3</th> 
     </tr> 
    </thead> 
    <tbody> 
     <td></td> 
     <td></td> 
     <td></td> 
    </tbody> 
</table> 

jQuery的

$(function(){ 
    var dg = $('#dg').edatagrid(); 
    dg.edatagrid({ 
     fit:true, 
     fitColumns: true, 
    }); 
}); 

這是我迄今爲止嘗試過的小提琴：

http://jsfiddle.net/0hk1twng/157/

任何幫助將不勝感激。

Answer 1

只需添加以下css。它會使表格寬度達到100％

.datagrid-btable, .datagrid-header-inner, .datagrid-htable { 
    width : 100%; 
}