Answers

• allan Posts: 63,534Questions: 1Answers: 10,475 Site admin

  February 2020

  Good question! Currently, no I'm sorry, there isn't a way to do that. But, in hindsight at least, it seems like a fairly obvious thing to want to do - use whatever is given for the column class name on the li. I will look into how that can be done.

  The best work around I can offer would be to add a listener on the dtr-data elements which checks to see what the class of the host cell is - e.g.:

  $('#myTable').on('click', 'span.dtr-data', function () {
    var cell = table.cell(this).node();
  
    if ($(cell).hasClass('editable')) {
      editor.inline(this);
    }
  });
  

  Allan
• trendsic Posts: 7Questions: 2Answers: 1

  March 2020 edited March 2020

  Thanks for the answer @allan! I ended up realizing that the better method would be to just not put the field's options in the Editor (var editor = new $.fn.dataTable.Editor({})) on the fields that shouldn't be edited and use the previously mentioned documented code:

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

  If Editor doesn't have the data, it can't/doesn't allow the user to inline edit the data set.

  Side note: while it works for my needs, this might not be the absolute best method since DataTables Editor throws an error since it doesn't match the matched up DT to Editor field: datatables.editor.min.js:67 Uncaught Unable to automatically determine field from source. Please specify the field name. For more information, please refer to https://datatables.net/tn/11
• allan Posts: 63,534Questions: 1Answers: 10,475 Site admin

  April 2020

  Just to say, I've committed the change to Responsive which means classes will be copied over to the child elements created by Responsive. That will be included in the 2.2.4 release of Responsive later this week.

  Allan