Удалить границы заголовка сетки кендо

Мне нужно применить особый стиль к заголовкам сетки кендо. Я наткнулсяУдалить границы заголовка сетки кендо

headerAttributes

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

http://dojo.telerik.com/OXUTE

Edit: Это вид конечного результата Ищу

Заранее спасибо

источник

2016-12-21 Suraj Nair

Какие границы? Верхняя и левая границы относятся к самой сетке, а не к заголовку, нижняя граница относится к k-grid-заголовку, а не к ячейке заголовка, а правая граница относится к k-grid-header-wrap. Для этого потребуется несколько стилей. Атрибуты headerAttributes применяются только к каждому, * не * ко всем другим элементам, стили которых применяют границы. –

@TheDreadPirateStephen: Я действительно искал скрытие этих границ (слева, справа и сверху, сопоставленных с заголовком сетки). –

Чтобы добавить, у меня есть только 1 столбец данных здесь –

Этот не очень ... из-за границ всех принадлежащих к различным элементам и верхнего правого серого угла нужно уйти, но это работает:

.k-grid-header-wrap { 
    border: 0; 
} 
.k-grid-header { 
    padding-right: 0px !important; 
    border-top-style: solid; 
    border-top-width: 1px; 
    border-top-color: #fff; 
    border-left-style: solid; 
    border-left-width: 1px; 
    border-left-color: #fff; 
    border-right-style: solid; 
    border-right-width: 1px; 
    border-right-color: #fff; 
    margin-left: -1px; 
    margin-top: -1px; 
    margin-right: -1px; 
}

http://dojo.telerik.com/@Stephen/ErORO

Он добавляет рамку с заголовком, который является тот же цвет в качестве фона, а затем устанавливает поля для -1px так, что граница на верхней границы сетке в. В противном случае вам нужно выяснить, как удалить только часть левой/правой границы сетки в верхней строке, не удаляя ее из остальной части сетки.

Он также заставляет правое заполнение на 0, чтобы избавиться от серого блока.

Это работает ... но я чувствую себя грязным.

Update ... Я думал об этом еще немного

Вместо взлома границ от строки заголовка, другой способ будет полностью скрыть заголовок и «заменить» его с этикеткой стилизованной однако вы хотите, то есть:

.k-grid-header 
{ 
    height: 0; 
    border-bottom-width: 0; 
    display: none; 
    overflow: hidden; 
}

http://dojo.telerik.com/@Stephen/UWoZU

источник

2016-12-21 18:16:14

Удалить границы заголовка сетки кендо

ответ

Смежные вопросы