[Solved] Hiding columns clientside

[Joan Vilariño]

Hello.

I need to show/hide a column in an ajax grid based on the value of a checkbox (i.e. show it when checked, hide it when unchecked)... is there any easy way to do it ?

I mean like.

$(document).ready(function() {
       $('mycheckbox').change(function (e) {
            var show = $(this).is(':checked');
            $('#myGrid').data('tGrid').whateverINeedToDo(show);
       });
});

Thanks!

[Atanas Korchev]

Hello Joan Vilariño,

To hide a column on the client side you need to hide the correspoding <col>, <th> and <td> tags. Here is how the script should look like (for hiding the column at index 0):

$('#Grid colgroup').find('col:eq(0)').hide();

$('#Grid th:eq(0)').hide();

$('#Grid tbody tr').find('td:eq(0)').hide();

Regards,
Atanas Korchev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Joan Vilariño]

Thank you ... it worked

Cheers

[James Strope]

If anyone else had problems with this solution, I found that only the first line (the "col") was necessary.  The other 2 lines caused problems (like hiding additional columns).

[Jakub]

The described solution does not work, hide only header column.