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

minScreenWidth. data attribute column initialization

1 Answer 49 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Sergey
Top achievements
Rank 1
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

Sort by
0
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: 

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.
 
Tags
Grid
Asked by
Sergey
Top achievements
Rank 1
Answers by
Iliana Nikolova
Telerik team
Share this question
or