How can I remove the border bottom lines of grid rows?

Question

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

Answer 1

Based on your fiddle example, it is better to do the style thing through overwriting the CSS.

Add one config into grid panel with 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:

.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. Here is the modified example: https://fiddle.sencha.com/#fiddle/1bou

Answer 2

You can remove the bottom border using viewConfig :

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