[Solved] Grid Options does not include Header Attributes

[Jon]

The object returned by grid.getOptions() includes the "attributes" object for columns, such as the following:

"attributes":{"style":"text-align: right;"}

However, it does not include the header attributes. If I apply saved grid state using grid.setOptions(), my header attributes defined via HeaderHtmlAttributes is removed. Is there a way to set the grid options while preserving the header attributes?

Here's the code I'm using to set the grid options:

var grid = $("#CaseloadGrid").data("kendoGrid");

var savedOptions = localStorage["caseload-grid-options"];

 

if (savedOptions)

{

    var state = JSON.parse(savedOptions);

    var options = grid.options;

    options.dataSource.pageSize = state.dataSource.pageSize;

    options.dataSource.sort = state.dataSource.sort;

    options.dataSource.page = state.dataSource.page;

    grid.setOptions(options);

}

[Dimo]

Hi Jon,

HeaderHtmlAttributes() are not serialized to the client-side Grid initialization script. Instead, they are rendered from the server. That's why you will need to include them to the saved options manually.

var opts = $("#grid").data("kendoGrid").getOptions();

// replace 0 with the actual column index
opts.columns[0].headerAttributes = { /* use client side API syntax here */ };

The same applies for server-side templates, such as the toolbar template and server-side column templates (if server binding is used).

http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#methods-setOptions

Regards,
Dimo
Telerik

 

 

[Roberto Montoya]

Hi, I was having this issue as well and the solution provided here works except that we support column re-ordering so I need to access the column by name or some other way instead of index.

opts.columns[xxx].headerAttributes = { /* use client side API syntax here */ };

Is something like this possible?

[Dimo]

Hello Roberto,

Direct access to a column by its (field) name is unfortunately not available, but you can iterate the column objects and check their field key to find the correct one.

Regards,
Dimo
Telerik by Progress