Answers.Body: <p>DataTables are deprecated, but
  you can configure a SearchKit display with inline edit.</p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2024-04-25T14:30:50.077Z
Answers.LastActivityDate: 2024-04-25T14:30:50.077Z
Answers.UserDisplayName: Coleman
Body: <p>I wonder, why inline field edit works on a first dataTable page only, even if below code applies the &quot;.crm-editable&quot; class to all table cells.</p>
  <pre><code>  CRM.$('#options').DataTable({
    &quot;bFilter&quot;: true,
    &quot;iDisplayLength&quot;: 15,
    &quot;bDeferRender&quot;: true,
    &quot;bPaginate&quot;: true,
    &quot;bSortClasses&quot;: true,
      rowCallback: function ( row, data, index ) {      
       CRM.$('td:eq(4)', row).addClass('crm-editable');
    }, 
  });
  </code></pre>
  <p><strong>UPD</strong> Have tried the SearchKit, however it doesn't seem to allow inline edit:  <a href="https://i.sstatic.net/8HfIfpTK.png" rel="nofollow noreferrer">https://i.sstatic.net/8HfIfpTK.png</a></p>
  
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2024-04-24T13:35:35.643Z
Comments.Text: DataTables is now deprecated in favor of SearchKit. Is it possible for you to achieve your goal using a SearchKit display instead?
Comments.UserDisplayName: Coleman
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2024-04-24T15:17:46.670Z
Comments.Text: @Coleman Not quite sure SearchKit allows inline edit.
Comments.UserDisplayName: yurg
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2024-04-24T19:37:39.373Z
Comments.Text: Yes it does. You can configure it in the Search Display.
Comments.UserDisplayName: Coleman
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2024-04-25T10:35:30.530Z
Comments.Text: @Coleman Thank you! These modern toys are so complex..
Comments.UserDisplayName: yurg
Tags: <datatables>
Title: dataTable paging and inline field edit
ThreadText: # dataTable paging and inline field edit
  
  (Asked by: username_0 on 2024-04-23)
  
  I wonder, why inline field edit works on a first dataTable page only, even if below code applies the ".crm-editable" class to all table cells.
    CRM.$('#options').DataTable({
    "bFilter": true,
    "iDisplayLength": 15,
    "bDeferRender": true,
    "bPaginate": true,
    "bSortClasses": true,
      rowCallback: function ( row, data, index ) {      
       CRM.$('td:eq(4)', row).addClass('crm-editable');
    }, 
  });
  
  UPD Have tried the SearchKit, however it doesn't seem to allow inline edit:  https://i.sstatic.net/8HfIfpTK.png
  
  **Tags:** datatables
  
  > **Comments:**
  > **username_1**: DataTables is now deprecated in favor of SearchKit. Is it possible for you to achieve your goal using a SearchKit display instead?  
  > **username_0**: @username_1 Not quite sure SearchKit allows inline edit.  
  > **username_1**: Yes it does. You can configure it in the Search Display.  
  > **username_0**: @username_1 Thank you! These modern toys are so complex..  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_1 on 2024-04-25. Score: 1 | Accepted answer
  
  DataTables are deprecated, but
  you can configure a SearchKit display with inline edit.
  
  
  ---
  
  