Отображение границы вдоль верхнего и нижнего колонтитула сетки кендо

Я динамически добавляю столбцы в сетку пользовательского интерфейса кендо. В верхней части сетки отображается текст по умолчанию «Перетащите заголовок столбца и поместите его сюда, чтобы сгруппировать по этому столбцу».

В нижнем колонтитуле сетки отображаются сведения о страницах, включая значок для навигации.

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

Как я могу добавить эту границу.

Спасибо


kendo-grid kendo-ui
person user2117983    schedule 11.06.2013    source источник
comment
Не могли бы вы показать пример того, как вы создаете сетку? Вы можете использовать JSFiddle или JSBin   -  person OnaBai    schedule 11.06.2013
comment
На самом деле, я не уверен, что могу опубликовать здесь свой код, так как он действительно большой. Что я постараюсь создать пример кода в аналогичной форме. Но разве что какой-то css нужно менять. Я модифицировал некоторые css-файлы кендо, так что это могло вызвать проблему. Кроме того, я добавил groupable true, но это тоже не работает. Любая идея, что может быть причиной этого   -  person user2117983    schedule 11.06.2013
comment
Это что-то вроде того, что я пытаюсь создать сетку ($(document.getElementById(divId))).kendoGrid({ columns: columns, dataSource: masterData, pageable: {pageSize: 10}, groupable: true, sortable: true, filterable: true , с возможностью прокрутки: true, с возможностью выбора: несколько, dataBound: RowDataBound, схема: {model: {id: MasterColID} } }).data(kendoGrid);   -  person user2117983    schedule 11.06.2013
comment
Стили для заголовка сетки в основном определены в k-grid-header, а для пейджера — в k-grid-pager. Что касается groupable, мне нужно посмотреть, как вы это определили :-(   -  person OnaBai    schedule 11.06.2013
comment
Действительно спасибо за быстрый ответ. Я проверю в css эти значения. Но для groupable я мало что понял. Я только что добавил свойство со значением true. Нужно ли добавлять что-то дополнительно. Пожалуйста, предложите мне это.   -  person user2117983    schedule 11.06.2013
comment
Нет, по умолчанию так. Затем вы можете перетащить заголовок столбца в Перетащите заголовок столбца и перетащите его сюда, чтобы сгруппировать по этому столбцу, и сетка сгруппирует все значения, которые имеют одинаковое значение для этого столбца. И я сказал по умолчанию, потому что вы можете инициализировать сетку для группировки по определенным столбцам на дисплее.   -  person OnaBai    schedule 11.06.2013
comment
Действительно Спасибо OnaBai за вашу помощь. Мне удалось получить границы для верхнего и нижнего колонтитула. На самом деле мне нужна граница для текста, который отображается вверху сетки. Означает, что мне нужна граница для этого текста «Перетащите заголовок столбца и поместите его сюда, чтобы сгруппировать по этому столбцу». Пожалуйста, если вы можете помочь мне в этом.   -  person user2117983    schedule 12.06.2013

Ответы (1)


arrow_upward
0
arrow_downward

Для стиля заголовка группы или сетки вам необходимо включить определения в k-group-header. Что-то вроде:

.k-grouping-header {
    border: 5px groove red;
}
person OnaBai    schedule 12.06.2013
comment
На самом деле, спасибо вам OnaBai за вашу помощь. Я действительно искал это. Действительно спасибо за помощь. - person user2117983; 12.06.2013