Как изменить высоту Kendo ui Grid

Ответ 1

Я предполагаю, что метод, который вы ищете, находится в конфигурации Scrollable (он существует, потому что одна сетка должна быть прокручиваемой, если вы хотите, чтобы она имела высоту)

.Scrollable(scr=>scr.Height(230))

Ответ 2

Динамическое изменение высоты

удалить htmlattributes:

.HtmlAttributes(new { style = "height:600px;" })

Добавить прокручиваемый с помощью auto:

.Scrollable(a => a.Height("auto"))

Ответ 3

В сильно типизированных используются для жесткой фиксированной высоты

.Scrollable(scrollable => scrollable.Height(100))

В Js после объявления dataSource используйте

$("#Grid").kendoGrid({

            dataSource: { },

            height: 450,

            pageable: {
                refresh: true,
                pageSizes: true
            },

            columns:
                [
                   ***
                ]
        });

Вы также можете привязать свою сетку к минимальным и максимальным высотам для всех презервативов, которые у вас есть через css.

.k-grid .k-grid-content {
 min-height: 100px;
 max-height: 400px;
}

Или вы можете указать конкретную сетку, вы замените .k-сетку конкретным идентификатором сетки #YourGridName. Надеюсь, это поможет.

Ответ 4

HtmlAttributes() позволит вам добавлять атрибуты к <div>, содержащему панели инструментов, пейджинг, таблицу и т.д.

TableHtmlAttributes() позволит вам добавлять атрибуты только к элементу <table>

Измените таблицу настроек 750px, добавив атрибут стиля:

  @Html.Kendo().Grid(Model)
               .Name("Grid")
               .TableHtmlAttributes(new {style="height: 750px;"})

Ответ 5

Вы также можете использовать внешние правила CSS для этого, что может быть предпочтительным, если ваша сетка повторно используется (как в частичном представлении). Если вы предоставляете атрибут стиля или высоты, Kendo добавляет их в строку и, следовательно, их нельзя переопределить внешней таблицей стилей. Иногда вы этого хотите, но иногда вы этого не делаете.

Используя строку .Name(), предоставленную оболочке, легко написать правило css для таргетинга на заголовок или содержимое.

#GridName .k-grid-content {
    height: 300px; /* internal bit with the scrollbar */
}

#GridName .k-grid-header-wrap tr {
    height: 75px; /* header bar */
}

Обратите внимание, что класс .k-grid-header-wrap может меняться в зависимости от того, как вы инициализируете сетку. Кроме того, вам нужно настроить таргетинг на теги tr или th внутри заголовка. Стилирование всего заголовка (обычно это тег div) приводит к несогласованным результатам. Некоторые браузеры не будут применять правило, некоторые браузеры оставят видимый артефакт, где начнутся границы фактического tr/th.

О, и я должен также сказать, что этот подход позволяет гибко менять структуру созданной сетки MVC и регулярную созданную сетью js. Или вы можете повторно использовать таблицу стилей между различными сетками.