适合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%; 
}