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

Tag Helper Grid Column Resizing Not Working

2 Answers 413 Views

Grid

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

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

answered on 03 Feb 2020, 02:02 PM

TelerikAspNetCoreResizableColumns.zip

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.