Hi,
I am binding kendo grid on Ajax call and designed the grid as below. But this is not responsive . I have included all kendo bootstrap styles. But still grid columns are not responsive, Please advice.
@(Html.Kendo().Grid(PInfo)
.Name("grdPdetails")
.Columns(columns =>
{
columns.Bound(p => p.PId).ClientTemplate("<a href='" + Url.Action("PSummary", "Home") + "?PId=#= PId #'" + ">#= PId #</a>").Title("Edit").Width(75);
columns.Bound(p => p.DataSource).ClientTemplate("#= DataSource ? DataSource : '' #").Title("Data Source").Width(150);
columns.Bound(p => p.LastName).ClientTemplate("#= LastName ? LastName : '' #").Title("Last Name").Width(250)
})
.HtmlAttributes(new { @class = "ra-section"})
.Scrollable(s => s.Enabled(true))
.Sortable()
.Pageable(pageable => pageable
.Refresh(true)
.PageSizes(true)
.ButtonCount(5))
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(10)
)
)