Как отключить границы строк строки сетки на основе моего значения?

Question

Мне нужно сделать группировку в Extjs Grid. всякий раз, когда изменяется значение первого поля, мне нужно отобразить границу строки. в противном случае мне нужно убрать границу.

Я попытался добавить Css для создания нижней границы: 0 и вызова Css из gridrowclass. но это не работает.

.odd.x-grid-row .x-grid-td border-bottom: none !important;

и потреблять выше Css с Getrowclass. но это работает только в версии Ext 4.2. это не работает в 6.0

Answer 1

Способ сделать это - полностью отключить строки строки:

rowLines: false

Создать класс css и поместить строки обратно в строку:

.row-with-border {
    border-bottom: 1pt solid gray;        
    display: inline-flex;
}

И добавить логику всетка, отображать или нет строку с рамкой:

viewConfig: {
        getRowClass: function(record, rowIndex, rowParams, store){
            if (record("myField)=="Myvalue")
               return "row-with-border";
            else
               return "borderless-row";
        }
    },