Hide columns in a grid // table ID attribute of the grid.

[Bob]

I have 2 questions...

1) On responsive pages, how do I make the grid columns hide based upon screen size?

2) How do give an id attribute to the table when it is created?   I know the grid is generated within a div tag holder which I can reference.   I only want to reference the table ID (i.e. the grid itself).

Thanks.

[Petur Subev]

Hello Bob,

When you need to hide a column (when your re-sizing logic kicks in) you can use the hideColumn/showColumn methods of the Grid.

You can get reference to the table element via the table field of the object of the Grid.

e.g.

var gridTable = $('#gridName').data('kendoGrid').table;

Kind Regards,
Petur Subev
Telerik

[Bob]

Thanks... I got the hideColumn to work.   However, invoking the showColumn method on the column does not place the data back into the grid.   It does place the columns, but you must refresh the datasource... Is this this expected behavior?

On the showColumn method, the column formatting (width, etc...) is gone from the initialization of the grid.    Is there a way to reformat the columns of the grid without rebuilding it (i.e. as you would to create it)?

Thanks.

[Petur Subev]

Hello Bob,

What do you mean that the data is gone? I am not able to reproduce such behavior, when I hide/show a column it's size is persisted. Check the following JsBin I prepared:

http://jsbin.com/igUSoCOL/3/edit

Let me know if I missed something.

Kind Regards,
Petur Subev
Telerik