josei josei - 5 months ago 14
Javascript Question

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

Answer

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

Comments