Wie kann ich die unteren Randlinien von Rasterzeilen entfernen?

Question

Wie kann ich die unteren Randlinien von Rasterzeilen entfernen?

Ich brauchte den Text ohne jede Begrenzung angezeigt werden, als ob es eine weiße Seite wäre.

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

Answer 1

Basierend auf Ihrer Geige Beispiel ist es besser, den Stil, was durch das Überschreiben des CSS zu tun.

Fügen Sie eine Konfiguration mit cls: 'remove-border' in das Rasterfeld ein. Sie können hier einen beliebigen Namen verwenden.

dann innerhalb CSS (wo ich eine test.css innerhalb root erstellt), verwenden Sie die folgenden zu überschreiben:

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

Mit dieser Art und Weise können Sie innerhalb der CSS jeden Stil ändern tun. Hier ist das modifizierte Beispiel: https://fiddle.sencha.com/#fiddle/1bou

Answer 2

Sie können den unteren Rand entfernen viewConfig mit:

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