Kendo ui 如何突出显示/更改已排序列标题的背景色?

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();

我想在排序后更改列的背景颜色,无论是asc还是desc。请记住,不是所有列,只有排序后的列背景。 提前谢谢

$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