2016-06-08 3 views
0

Как удалить граничные строки строк сетки?Как удалить граничные строки строк сетки?

Мне нужен был текст без ограничений, как если бы это была белая страница.

Fiddle: https://fiddle.sencha.com/#fiddle/1boq

+0

Я хочу попробовать что-то с ЦБС собственности: «customrows», но я не могу определить Sass/CSS, которая делает нижняя строка, которую вы видите в каждой строке на скрипке. – josei

ответ

1

Основываясь на вашем скрипку Например, это лучше сделать стиль вещь через перезапись CSS.

Добавить одну конфигурацию в панель сетки с cls: 'remove-border'. Здесь вы можете использовать любое имя.

Тогда в CSS (где я создал test.css внутри корня) с помощью следующей перезаписать:

.remove-border .x-grid-with-row-lines .x-grid-item { 
    border-color: transparent; 
} 

С таким образом, вы можете сделать любые изменения стиля внутри CSS. Вот модифицированный пример: https://fiddle.sencha.com/#fiddle/1bou

+0

Спасибо Yilei Mou. ваше решение решило мою проблему. – josei

+0

Нет проблем. Если у вас есть какие-то другие вещи, дайте мне знать, –

0

Вы можете удалить нижнюю границу с помощью viewConfig:

viewConfig: { 
    border : '0 0 1 0', 
    style : { 
     borderColor : 'transparent' 
    } 
} 
+0

Спасибо Gaurav.I не смог успешно запустить решение на моей скрипке. Можете ли вы проверить мою скрипку, пожалуйста (ваше решение очень интересно)? Я редактировал свою скрипку с вашим кодом. – josei

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