This is a migrated thread and some comments may be shown as answers.

minScreenWidth. data attribute column initialization

1 Answer 269 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Sergey asked on 28 Sep 2016, 11:28 PM

Hi,

I would like to use minScreenWidth option for some of my columns for better responsiveness. I have no problem using it with js initialization similar to this example

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

However, if I initialize my grid from table, this option doesn't work. I'm trying to do it like this ...

<thead>

<tr>

<th data-min-screen-width="700">Customer</th>

<th>Code</th>

<th>Stock Order</th>

<th>Sales Order</th>

<th data-type="date" data-template="#= kendo.toString(SOReqShip, 'dd/MM/yyyy')#">SO Req Ship</th>

<th data-type="date" data-template="#= kendo.toString(ArriveDate, 'dd/MM/yyyy')#">Arrive Date</th>

<th data-type="number">Days Overdue</th>

<th data-type="number">Quantity</th>

<th data-field="hiddenDetails"></th>

</tr>

</thead>

Could some one let me know what is the right way to use it?

Thank you.

1 Answer, 1 is accepted

answered on 30 Sep 2016, 01:58 PM

Hi Sergey,

Only some of the Grid column settings can be set through HTML attributes, however the minScreenWidth option is not among them - you should include this option in the JavaScript initialization statement of the Grid. For more detailed information check the corresponding documentation:

http://docs.telerik.com/kendo-ui/controls/data-management/grid/overview#initialize-the-grid

Regards,
Iliana Nikolova
Telerik by Progress

Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.