css - 在网格过滤器字段名称将更改为斜体

Question

我有带复选框的剑道网格和树视图。在我的应用程序网格中，根据复选框选择进行过滤。我的要求是当我们选中树视图中的复选框时，然后过滤网格，过滤网格后过滤的列标题将更改为“斜体”。我的树视图代码是

                 var tree = $("#treeview").kendoTreeView({
                  checkboxes: {
             checkChildren: true
              }, 

 dataSource: [{
     id: 1,
     text: "My Project",
     expanded: true,
     spriteCssClass: "rootfolder",
     items: [{
         id: 2,
         text: "OrderID",
         expanded: true,
         spriteCssClass: "folder",
         items: [{
             id: 3,
             text: "10248"
         }, {
             id: 4,
             text: "10249"
         }, {
             id: 5,
             text: "10250"
         }, {
             id: 6,
             text: "10251"
         }, {
             id: 7,
             text: "10252"
         }]
     }

     ]
 }]
      }).data("kendoTreeView");

我的小提琴是http://jsfiddle.net/RHh67/79/

Answer 1

I worked a lot and have found one solution for your code,

with one line of CSS :)

.k-filterable a.k-grid-filter.k-state-active ~ .k-link{font-style:italic;}

here is updated fiddle link: http://jsfiddle.net/RHh67/81/

Enojy :)

Not sure of cross-browser compatibility, but works fine.