Как изменить ширину столбца в Kendo Grid

Question

Вот как отображается сетка:

После нажатия на название столбца я добавляю стрелку для сортировки в заголовок столбца. Поэтому для этого я хочу изменить ширину моего столбца.

Примечание: я добавляю имя столбца и данные из базы данных динамически. Для них есть две разные таблицы.

Это код для RegisterMastergrid:

    function () {
        debugger;

        $("#Mastergrid").kendoGrid({
            height:550,
            sortable: false,
            reorderable: true,
            scrollable: true,
            selectable: "row",
            resizable: true,
            editable: false,
            autoFitColumn: true,
            Autosize : true ,
            pageable: {
                pageSizes: [10, 15, 20, 25],
                pageSize: 10
            },             
            change: function (e) {
                debugger;
                MasterObject._selectedRow = this.select().closest("tr").children("td");
            }
        });
        function onDataBound() {
            var grid = $("#Mastergrid").data("kendoGrid");
            for (var i = 0; i < grid.columns.length; i++) {
                grid.autoFitColumn(i);
            }

        }
    },

Answer 1

Как вы можете видеть здесь , событие для выбора заголовка столбца отсутствует, поэтому вместо этого вы можете привязать собственное событие щелчка к заголовкам столбцов, например:

$('table thead tr th').click(function(ele){
    console.log(this);
    this.style.width = "200px";
});

Вы можете связать это, когда закончите инициализацию сетки:)