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

minScreenWidth. data attribute column initialization

1 Answer 49 Views
This is a migrated thread and some comments may be shown as answers.
Top achievements
Rank 1
Sergey asked on 28 Sep 2016, 11:28 PM

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

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

        <th data-min-screen-width="700">Customer</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>


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

Thank you.

1 Answer, 1 is accepted

Sort by
Iliana Nikolova
Telerik team
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:

Iliana Nikolova
Telerik by Progress
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
Asked by
Top achievements
Rank 1
Answers by
Iliana Nikolova
Telerik team
Share this question