平板电脑和小屏幕的ASP.NET MVC Core的Telerik Gride是否响应式?

时间:2018-12-01 12:19:25

标签: asp.net-core responsive kendo-asp.net-mvc telerik-grid kendo-ui-grid

我正在使用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

0 个答案:

没有答案