Search code examples
kendo-uikendo-gridpreventdefault

Grid in Grid table closes on click on Field

I use a small grid in a grid to store a relation table.

Example:grid in grid example

This works fine so far.

If I now click on the second column in the inner grid table, the whole field with the integrated grid goes out of edit mode. The first field in the inner grid can be edited without problems.

I have tried different types of preventDefault(). But unfortunately no workaround.

What do I have to do so that I can edit the two columns in the inner grid?

Solution

  • Just changein your editable function

    editable: true

    To

    editable: {
    mode: "inline"
},

    here is the documentation

    https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/editable.mode

    note that you have editable:true twice at your editor: function