The better way to display a long folder title is to attach a css class on the folder rows, define some css styles to let the title override the cells.
<style type="text/css">
.trow .datagrid-cell{
overflow: visible;
}
.trow td:not(:last-child){
border-right-color: transparent;
}
</style>
$('#tg').treegrid({
columns: [[
{field:'name',title:'Name',width:200},
{field:'size',title:'Size',width:100},
{field:'date',title:'Date',width:150}
]],
data: data,
idField: 'id',
treeField: 'name',
rowStyler: function(row){
if (row.children && row.children.length){
return {class:'trow'}
}
}
})
For more information please look at this live example
http://code.reloado.com/upuwoq3/edit#preview