Dynamic Column Group

[sky-t]

Hi there,

i generate a datagrid complete dynamicly. I need to column some header cells as colspan - how can i achieve this?


Thanks

[jarry]

Please refer to the code below:

Code:

$('#dg').datagrid({
    columns: [
        [
            {field:'productid',title:'Product',width:100,rowspan:2},
            {title:'Details',colspan:4}
        ],
        [
            {field:'listprice',title:'List Price',width:100},
            {field:'unitcost',title:'Unit Cost',width:100},
            {field:'attr1',title:'Attribute',width:200},
            {field:'status',title:'Status',width:100}
        ]
    ]
})

[sky-t]

Hi jarry,

thank you for your reply.

Who can do this if i use this code:

Code:

    var columns = $('#tableTimesheet').datagrid('options').columns;
    columns[0]=[];

    for (var i=0; i < (duration + 1); i++) {
        if (typeof currentdate === 'undefined') {
            var currentdate=new Date();
        }
        var currenttime=new Date(starttime.valueOf());
        currenttime.setMinutes(currenttime.getMinutes() + (i * timescale));

        if (currenttime.getHours() < 8) continue;
        if (currenttime.getHours() > 18) continue;
        if (currenttime.getHours() >= 18 && currenttime.getMinutes() > 0) continue;

        currenttime=getHumanTime(currenttime, false)

        columns[0].push({
            field: '' + i + '', title: currenttime, width:'40px', align:'center',
            styler: function(value,row,index){
                return {class:'td_cell',style:'color:red'}
            }
        });
    }

    var row='';
    row+='<tr>';
    row+='<td>';
    row+=surname.value + ', ' + prename.value;
    row+='</td>';
    row+='</tr>';
    $('#tableTimesheet > tbody:last').append(row); 

    for (var i=0; i < 15; i++) {
        var row='';
        row+='<tr>';
        row+='<td>';
        row+=i;
        row+='</td>';
        row+='</tr>';
        $('#tableTimesheet > tbody:last').append(row); 
    }

    $('#tableTimesheet').datagrid();
}

[sky-t]

anybody an idea for this challenge?

[jarry]

Please refer to this example http://code.reloado.com/aliyar3/edit#preview