EasyUI Forum

hi guys,
first of all thx for this great plugin :D

can u guys help me how to make td width in custom view so that it can match the header' width
heres my piece o code

^{var custview = $.extend({}, $.fn.datagrid.defaults.view, {  
    renderRow: function(target, fields, frozen, rowIndex, rowData){  
        var cc = [];  
//        cc.push("<div style='overflow-x:auto;'>");
        if(frozen){
            for(var i=0; i<fields.length; i++){  
              var copts = $(target).datagrid('getColumnOption', fields);  
              cc.push('<td field="' + copts.field + '" style="width:160px;text-align:center">'+rowData[fields]+'</td>');  
            }
        }
        if (!frozen){  
//            
            for(i=0; i<fields.length; i++){  
                copts = $(target).datagrid('getColumnOption', fields);  
                cc.push('<td field="' + copts.field + '" style="width:100px; border-right:1px dotted #ccc">'+rowData[fields]+'</td>');  
            }  
            cc.push('</div>');  
        }  
//        cc.push("</div>");
        return cc.join('');  
    }
});}
additional note -> i define style:width:100px to match the header width .. but :/ .... doesnt work
* did further investigation ... seemed that custom view' fitColumns-> true by default ...  (how to turn this thing off lol )

thx :D

Please refer to the renderRow implementation of default view.

http://www.jeasyui.com/extension/downloads/jquery-easyui-datagridview.zip

hahaha :D this is what i needed :D thx mate