2015-07-15 4 views
0

У меня есть панель сетки, и я хочу полностью скрыть заголовок. Я использую параметр конфигурации hideHeaders: true, но он все еще оставляет слабую синюю границу 1px, где заголовок был. Как я могу не иметь этот 1px синий заголовок?Как удалить границу заголовка в панели сетки Ext JS?

Это JSFiddle, показывая проблему.

How it looks против How I want it to look

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

Ext.create('Ext.grid.Panel', { 
    store: store, 
    hideHeaders: true 
}); 
+0

The CSS путь - HTTP: // jsfiddle. net/ehjf5x8u/1/ – Stickers

+0

http://docs.sencha.com/extjs/6.0/6.0.0-classic/#!/api/Ext.grid.header.Container-css_var-S-grid-header-border-border- width –

+0

Это кажется очень знакомым с вопросом, который у меня был с «раздражающей красной линией». Из-за высоты окна иногда было нечетное количество пикселей, а иногда было четное количество пикселей. Это своего рода взлом для ExtJS 4. Похоже, что тематика (и CSS) улучшает многое в ExtJS 6. http://stackoverflow.com/questions/26556891/what-component-event-should-css-classes-be -Удалена-в-сенч-ExtJS-рамочного-а/26557718 # 26557718 – MacGyver

ответ

0

Я использую этот sass блок стиль мои заголовки столбцов:

.x-grid-header-ct{ 
    border-bottom: 1px solid #ecedee; 
    padding-left: 15px; 
    .x-column-header { 
     border: none; 
     background: none; 
     .x-column-header-inner{ 
      padding: 10px 15px 15px 7px; 
      &:before{ 
       border: none; 
      } 
      .x-column-header-text{ 
       color: #222; 
       white-space: normal; 
       font-size: 18px; 
      } 
     } 
     .x-column-header-over{ 
      background: none; 
      .x-column-header-trigger{ 
       display: none; 
       background-color: white; 
      } 
     } 
     .x-column-header-inner-empty{ 
      background: none; 
     } 
    } 
} 
Смежные вопросы