[英]How can I remove the border bottom lines of grid rows?
How can I remove the border bottom lines of grid rows? 如何删除网格行的边框底线?
I needed the text to be displayed without any limit, as if it were a white page. 我需要无限制地显示文本,就像是白页一样。
Fiddle: https://fiddle.sencha.com/#fiddle/1boq 小提琴: https : //fiddle.sencha.com/#fiddle/1boq
Based on your fiddle example, it is better to do the style thing through overwriting the CSS. 根据您的小提琴示例,最好通过覆盖CSS来完成样式工作。
Add one config into grid panel with cls: 'remove-border'
. 使用
cls: 'remove-border'
将一个配置添加到网格面板cls: 'remove-border'
。 You can use any name here. 您可以在此处使用任何名称。
Then inside CSS (where I created a test.css inside root) use the following to overwrite: 然后在CSS内(我在root内创建了一个test.css)中,使用以下内容覆盖:
.remove-border .x-grid-with-row-lines .x-grid-item {
border-color: transparent;
}
With this way, you can do any style change inside the CSS. 这样,您可以在CSS内进行任何样式更改。 Here is the modified example: https://fiddle.sencha.com/#fiddle/1bou
这是修改后的示例: https : //fiddle.sencha.com/#fiddle/1bou
You can remove the bottom border using viewConfig
: 您可以使用
viewConfig
删除底部边框:
viewConfig: {
border : '0 0 1 0',
style : {
borderColor : 'transparent'
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.