minScreenWidth. data attribute column initialization

2 posts, 0 answers
  1. Sergey
    Sergey avatar
    10 posts
    Member since:
    Apr 2016

    Posted 28 Sep 2016 Link to this post


    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.

  2. Iliana Nikolova
    Iliana Nikolova avatar
    2622 posts

    Posted 30 Sep 2016 Link to this post

    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.
Back to Top