I am trying to increase the border weight of column header of grid in extjs but it doesn't increases more than 1px is there any other way to increase?

Question

I have used following code for increasing the left border of particular column using id selector:

div#PriceCurveCurrent {
    border-left: 1px solid black;
}

Answer 1

The quick solution.

.x-gridcolumn > .x-header-el {
    border-right-width: 12px;
}

Another solution might be to use the ExtJS theme variables.

Here is a starting point.