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

Tag Helper Grid Column Resizing Not Working

2 Answers 311 Views
Grid
This is a migrated thread and some comments may be shown as answers.
John
Top achievements
Rank 2
Iron
Iron
Iron
John asked on 29 Jan 2020, 05:59 PM

I have a grid I've created using the tag helper.   Hovering over the column lines does not show the resize pointer.  How do I enable column resizing for the grid?  I tried removing the set widths for the columns but that doesn't seem to make a difference.

 

<kendo-grid name="grid">
    <datasource type="DataSourceTagHelperType.Ajax" server-operation="false" in-place-sort="true" page-size="10">
        <transport>
            <read url="/admin/logs/app?handler=Read" type="Get" />
        </transport>
        <sorts>
            <sort field="TimeStamp" direction="desc" />
        </sorts>
    </datasource>
    <toolbar>
        <toolbar-button name="search"></toolbar-button>
        <toolbar-button name="excel"></toolbar-button>
    </toolbar>
    <sortable enabled="true" initial-direction="ascending" />
    <filterable enabled="true" />
    <pageable button-count="5" refresh="true" page-sizes="new int[] { 5, 10, 20 }">
    </pageable>
    <scrollable enabled="true"/>
    <excel file-name="appliationlog.xls"/>
    <columns>
        <column field="TimeStamp" template="#=template(data)#" title="Time" width="120" />
        <column field="UserName" title="User" width="180" />
        <column field="Level" title="Level" width="60" />
        <column field="RequestUri" title="URL" width="200" />
        <column field="Message" title="Message" width="300" />
    </columns>
</kendo-grid>

2 Answers, 1 is accepted

Sort by
0
Teya
Telerik team
answered on 03 Feb 2020, 02:02 PM

Hi John,

You can enable the column resizing by setting resizable="true" to the Kendo UI Grid:

<kendo-grid name="grid" resizable="true">

All of the available configurations of the Grid can be seen here: 

https://docs.telerik.com/aspnet-core/api//Kendo.Mvc.UI.Fluent/GridBuilder#resizablesystemactionkendomvcuifluentgridresizingsettingsbuilder

I have also attached a sample project demonstrating how the resizable setting works.

I hope this helps.

 

Regards,
Teya
Progress Telerik

Get quickly onboarded and successful with Telerik UI for ASP.NET Core with the dedicated Virtual Classroom technical training, available to all active customers.
0
John
Top achievements
Rank 2
Iron
Iron
Iron
answered on 07 Feb 2020, 02:58 PM
That worked.  Also thanks for the link to the Fluent configuration page.  Hadn't seen that before and it's helpful.  Thank you.
Tags
Grid
Asked by
John
Top achievements
Rank 2
Iron
Iron
Iron
Answers by
Teya
Telerik team
John
Top achievements
Rank 2
Iron
Iron
Iron
Share this question
or