[Solved] Removing and hiding in row

[Madzie]

Hello,
Here are 2 requirements that doesn't seem to work perfect for me: need help plz !
1. For a row, that has column- Id < 1, it should display column[0] value & span this column's value to 7 columns, and if other columns have any value, it should clear it out.
2.If the showRow=false, hide that row

I wrote the below to achieve the above 2 requirements,
DataRowDataBound: function (e) {

var dataItem = e.dataItem;

if (dataItem && (dataItem.Id< 1))

{

$(e.row.cells[0]).attr('colspan', 7);

}

if (!dataItem.showRow)

dataItem.hide();

}
Requirement 1, works partially as it displays other column values also say like 4th column displays "xyz" 
Requirement 2 is not achieved. 

[Petur Subev]

Hello Varsha,

What exactly is the issue with approach one? Basically if you set colspan you will will need to remove the other rows.
e.g.

if (dataItem && (dataItem.Id< 1))
{
$(e.row.cells[0]).attr('colspan', 7);
$(e.row.cells[0]).nextAll().remove();
}

Regarding hiding the row - there is not such hide() method.
You can try to hide the row with jQuery:

$(e.row).hide();

I hope this helps.

Kind Regards,
Petur Subev
the Telerik team

[Madzie]

Thanks. It works.