我正在使用Kendo Gride,它在平板电脑和小屏幕上没有响应。有什么方法可以解决吗?我访问了https://demos.telerik.com/aspnet-core/grid/responsive-columns,但它只负责移动电话。
<div >
@(Html.Kendo().Grid<CrmPerson>()
.Name("CrmPerson")
.Columns(columns =>
{
columns.Bound(p => p.WaitingContactId).Hidden();
columns.Bound(p => p.OperatorId).Hidden();
columns.Bound(p => p.PhoneNumber).Width(8);
columns.Bound(p => p.CreateDate).Width(8);
columns.Bound(p => p.Name).Width(8);
columns.Bound(p => p.LastContactDate).Width(8);
columns.Bound(p => p.ScheduledContact).Width(8);
columns.Bound(p => p.UserState).Width(8);
columns.Bound(p => p.OperatorName).Width(8);
columns.Template(" ").Title("عملیات").Width(25);
})
.ClientRowTemplate(
"<tr data-uid='#: Id #' class='rowData' >" +
"<td class='PhoneNumber' role='gridcell'> #: PhoneNumber # </td>" +
"<td class='CreateDate' role='gridcell'> #: CreateDate # </td>" +
"<td class='Name' role='gridcell'> #: Name # </td>" +
"<td class='LastContactDate' role='gridcell'> #: LastContactDate # </td>" +
"<td class='ScheduledContact' role='gridcell'> #: ScheduledContact # </td>" +
"<td class='UserState' role='gridcell'> #: UserState # </td>" +
"<td class='OperatorName' role='gridcell'> #: OperatorName # </td>" +
"<td class='' role='gridcell' >" +
"<button type = 'button' data - toggle = 'modal' data - target = '\\#defaultModal' title = 'صفحه تماس' data - apNo = '#: Id #' onclick = 'Calling(#: Id #)' class='open-myModal k-button k-button-icontext k-grid-first'><i class='material-icons'>call</i></button>" +
"<button type='button' title='پیامک' data-apNo='#: Id #' onclick='sms(#: Id #)' class='open-myModal k-button k-button-icontext k-grid-first'><i class='material-icons'>textsms</i></button>" +
"<button type='button' title='تاریخچه تماس' data-apNo='#: Id #' onclick='HistoryCall(#: Id #)' class='open-myModal k-button k-button-icontext k-grid-first'><i class='material-icons'>description</i></button>" +
"<button type = 'button' title = 'آپارتمان' data - apNo = '#: Id #' onclick = 'Apartmet(#: Id #)' class='open-myModal k-button k-button-icontext k-grid-first'><i class='material-icons'>location_city</i></button>" +
"</td>" +
"</tr>"
)
.Sortable()
.Pageable(pageable => pageable
.Refresh(true)
.PageSizes(true)
)
.Selectable(selectable => selectable
.Mode(GridSelectionMode.Single).Type(GridSelectionType.Row))
.PersistSelection(true)
.Navigatable()
.Resizable(s => s.Columns(true))
.Scrollable(s => s.Enabled(true).Height(600))
.Filterable()
.DataSource(dataSource => dataSource
.Ajax()
.Model(model => model.Id(p => p.Id))
.PageSize(100)
.Read(read => read.Action("CrmPersonData", "Crm"))
)
)
</div>
这是我在Ipads中漂亮桌子的照片!!!! CrmPerson grid