non-editable columns

non-editable columns

jakebriemsjakebriems Posts: 2Questions: 2Answers: 0

I have a data table with 20 columns. i'd like to be able to edit only the right-most 6 of them, so I did this:

$('#example').on( 'click', 'tbody td:gt(14)', function (e) {
editor.inline( this );
} );

and that works, but only on the first row. For every other row, all of the cells are editable.

ideas why?


  • allanallan Posts: 55,882Questions: 1Answers: 8,835 Site admin


    We discussed this by e-mail, but for anyone else who is looking into this as well, it is possible to achieve what you are looking for by making it a little more specific with the nth-child() operator:

    $('#example').on( 'click', 'tbody td:nth-child(n+14)', function (e) {
        editor.inline( this );
    } );

    The jQuery documentation for nth-child() is available here:

    And there is a useful document (and I frequently use as a reference!) about nth-child() here:


This discussion has been closed.