利用可能な幅にeasyuiデータグリッドの列を合わせます

Question

％の3つの列が最後のものを除き、menu3の幅を占有します。

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