Multiple display:none with setOptions

[Karl]

Hi there,

I'm having a problem with Kendo Grid UI and setOptions. When I setOptions, hidden fields have an extra display:none attribute added. I've attached an image of my options variable (data.selectedGridState) compared with the the getOptions value directly after the setOptions command. I believe they should be identical. Could you advise?

My code looks like this:
var selectedGrid = $(jQuerySelectors.selectedMembersGrid).data("kendoGrid");
selectedGrid.setOptions(JSON.parse(data.selectedGridState));

Kind regards,
Karl

[Stefan]

Hello Karl,

I was able to observe the same behaviour.

After additional investigation, I can confirm that this occurs because of the hidden property of the Grid which will add one additional display: "none" attribute.

Also, when the hidden property on the column is used, there is no need of manually setting the display: "none" attribute as the column will be hidden:

http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-columns.hidden

Regards,
Stefan
Telerik by Progress

[Karl]

Thanks for getting back to me, Stefan. 

My use case for this is storing the grid options in a database. It seems that in order to do this without collecting "display:none;"s, I need to manually remove any display attributes prior to saving the state. Would you consider this a bug with the Kendo Grid?

Kind regards,
Karl

[Stefan]

Hello Karl,

As this style is connected to the hidden property, it is expected.

Still, I can confirm that in scenarios like this one can create an undesired result.

I will forward this to the developer team for consideration.

Regards,
Stefan
Telerik by Progress

[Karl]

Thanks Stefan,

I'll close this ticket, then.

Kind regards,

Karl