Disabling colums or single gridcells/td's possible

[Heike]

Hi,

we've built a two-column grid where only the cells in the second column should be editable.
The text in the cells of the first column cannot be edited, but the row can be selected as well as the cells in the first column can be accessed by mouse and keyboard which is very annoying as the should be ignored when navigating by keyboard and not selectable by mouseclick.

They should behave like let's say a cell in the table header as it cannot be clicked and selected.

Is there a way to achieve this?

I've enclosed a screenshot to describe in detail what the problem is... the column with the red arrow is not editable und should therefore be not selectable and thus white,  and the cells in the red brackets are editable.

Cheers,
Heike

[Dimiter Madjarov]

Hi Heike,


There is no built in way to define which columns should be selectable and which not. Nevertheless, you could implement this by binding to the change event of the Grid, which is fired, when the selection has changed and remove the k-state-selected class from the first column cells.
E.g.

function onChange(e) {
    var selection = this.select();
    selection.each(function () {
        if ($(this).index() === 0) {
            $(this).removeClass("k-state-selected");
        }
    });
}

Please let me know if this was the information that you were looking for.

Regards,
Dimiter Madjarov
Telerik