Kendo ui 如何突出显示/更改已排序列标题的背景色?
我想在排序后更改列的背景颜色,无论是asc还是desc。请记住,不是所有列,只有排序后的列背景。 提前谢谢Kendo ui 如何突出显示/更改已排序列标题的背景色?,kendo-ui,grid,Kendo Ui,Grid,我想在排序后更改列的背景颜色,无论是asc还是desc。请记住,不是所有列,只有排序后的列背景。 提前谢谢 $scope.gridOptions = { ..... ..... dataBound : function(arg){ var columns = arg.sender.columns; var sortedColumns = arg.sender.dataSource.sort();
$scope.gridOptions = {
.....
.....
dataBound : function(arg){
var columns = arg.sender.columns;
var sortedColumns = arg.sender.dataSource.sort();
for (var i = 0; i < sortedColumns.length; i++) {
var srtColumn = sortedColumns[i];
for (var j = 0; j < columns.length; j++) {
var column = columns[j];
if (srtColumn.field === column.field) {
column.attributes = { style : "text-align:right" };
}
}
}
},
editable: {
mode: 'popup',
},
height: 700,
columns: [
{ field: "Name", title: "Name", width: 150, editable: false},
{ field: "Address", title: "Address", width: 100, editable: false },
{ field: "Company", title: "Company", editable: false },
]
};
$scope.gridOptions={
.....
.....
数据绑定:函数(arg){
var columns=arg.sender.columns;
var sortedColumns=arg.sender.dataSource.sort();
对于(变量i=0;i
我通过数据绑定功能实现
$scope.gridOptions = function {
.............
dataBound: function (arg) {
var columns = arg.sender.columns;
var sortedColumns = arg.sender.dataSource.sort();
var sortedIndex = -1;
for (var i = 0; i < columns.length; i++) {
var sorted = false;
var column = columns[i];
sortedIndex = sortedIndex + 1;
for (var j = 0; j < sortedColumns.length; j++) {
var srtColumn = sortedColumns[j];
if (srtColumn.field === column.field) {
sorted = true;
break;
}
}
if (sorted) {
arg.sender.thead
.find("tr")
.find("th:eq(" + sortedIndex + ")")
.css({ background: "#6666ff" });
}
else {
arg.sender.thead
.find("tr")
.find("th:eq(" + sortedIndex + ")")
.css({ background: "#323232"});
}
},
.....
};
$scope.gridOptions=函数{
.............
数据绑定:函数(arg){
var columns=arg.sender.columns;
var sortedColumns=arg.sender.dataSource.sort();
var-sortedIndex=-1;
对于(var i=0;i