剣道 ui グリッドに filterable: true を追加しました。グリッドは正しくフィルタリングされています。
私が望むのは、フィルター アイコンをクリックすると、フィルター アイコンが別の色で塗りつぶされるか、列フィルター アイコンがクリックされたことを示すフィルター アイコンの色を変更する必要があることです。
この方法を教えてください。
剣道 ui グリッドに filterable: true を追加しました。グリッドは正しくフィルタリングされています。
私が望むのは、フィルター アイコンをクリックすると、フィルター アイコンが別の色で塗りつぶされるか、列フィルター アイコンがクリックされたことを示すフィルター アイコンの色を変更する必要があることです。
この方法を教えてください。
私の場合、次の css で簡単かつ簡単に実行できました。
.k-grid-filter.k-state-active {
background-color: #d2691e;
}
いくつかのテーマはこれを行いますが、少なくとも Metro のテーマはそうではありません。
(LESS付き)
.k-grid {
/* Also changes the group row background color */
.k-grouping-row > td {
background-color: #c5c5c5;
}
.k-grid-header {
.k-grid-filter.k-state-active {
background-color: #7ea700; /* Default metro active color */
/* White icon */
.k-icon.k-filter {
background-position: -48px -80px;
}
}
}
}
kendo.metro.less ファイルを取得し、それ (およびその他のファイル) を最後に貼り付けます。
これは、標準でサポートされています。必要に応じてテーマをフィルター変更するときは、デモを詳しく見てください。または、特定のテーマの CSS を変更して、より明確に見えるようにします。