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";
        }
    },

如何根据我的值禁用网格行线边框？

1 个答案: