Kendo Grid Custom Reordering

Question

I am using Kendo Grid UI. The following is an example of the same. ```

Grid / Column resizing

Accepted Answer

You should do it in two steps:

- Disable dropping into first column.

- Disable dragging first column.

For the first part after creating the grid you can do:

```
$("th:nth(0)", "#grid").data("kendoDropTarget").destroy();
```

This gets from a grid which identifier is `grid` and the first head cell `th:nth(0)` the KendoUI `DropTarget` and destroys it (no longer a valid drop target).

For the second part, you should define a `dragstart` event that checks that you are dragging the first column and if so, you do not allow to drag it.

```
$("#grid").data("kendoDraggable").bind("dragstart", function(e) {
    if (e.currentTarget.text() === "ID") {
        e.preventDefault();
    }
});
```

NOTE: Here I detected the first column asking for its text (`ID`) but you might change it to check for its position in the list of `th` in the grid and if so invoke `preventDefault`.

Check it running here: http://jsfiddle.net/OnaBai/jzZ4u/1/

Kendo Grid Custom Reordering

Solution

Problem