minScreenWidth. data attribute column initialization

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

    Posted 28 Sep 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
    2595 posts

    Posted 30 Sep 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.
  3. Kendo UI is VS 2017 Ready
Back to Top