Initialize grid from a table that has display: none set.

[DuelingCats]

I am working on a page that has a table set to display: none and I want to have the Kendo UI Grid initialize its data set from this table. Unfortunately I am seeing that this does not work properly when the table has style=display: none as an attribute. In this situation I see the Grid's column headers render, but no rows are shown. Of course simply removing the display none style would fix the problem, but the table is several thousand rows and we have it hidden to increase page load performance.

Is there a way I can initialize the Kendo UI Grid from this hidden table, then show the grid afterwards?

[DuelingCats]

Looks like I found my answer. For anyone looking, I had to do the following after the grid is initialized. gridElement is the Id of the table I am initializing from.

$("#gridElement").data("kendoGrid").table.show()