Hide column when initialize from HTML table?

[Ed]

Initializing from HTML table, how can I specify a column to be hidden? I need to access the data for that column in JS, but don't want to have that data visible to the end user.

http://demos.telerik.com/kendo-ui/grid/from-table

I've tried to use the attribute: data-hidden="true" on the th tag (data-field is also on th tag, as it is in the demo), but it's not working.

Thanks,

--Ed

[Venelin]

Hi Ed,

You can't hide the column using data-hidden="true" attribute as mentioned here: http://docs.telerik.com/kendo-ui/web/grid/introduction#create-a-grid-from-an-existing-html-table

Instead you can do the following:

$(document).ready(function() {
    $("#grid").kendoGrid({
      height: 550,
      sortable: true
    });

    $("#grid").data("kendoGrid").hideColumn("make"); //where make is the value of the corresponding data-field attribute
});

Regards,
Venelin
Telerik