Datatables: Prevent html elements on inline edit

Question

Prevent html elements on inline edit Datatables

    <td class="sorting_1">
      <input type="checkbox"> 
     <i class="fa fa-cubes"></i>
     Text Field
   </td>

enter image description here

DataTable editor

   $('#dynamic-table').on('click', 'tbody td', function (e) {
    editor.inline(this);
    });

Ashkan Aryan · Accepted Answer · 2014-10-02 10:37:56Z

1

There are a number of ways you can do it. You can use a CSS/jQuery selector to find the first td elements in each tr and get the input element from them, and wire a jQuery blur event to them to strip disallowed characters (i.e. anything that's not alphanumeric) and / or warn/prevent user on blur, depending on how you want to handle it. You may also be able to use add a pattern attribute to input elements and provide a regex to do the same.

answered Oct 2, 2014 at 10:37

Ashkan Aryan

3,5344 gold badges32 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Naumche Ivanovski Over a year ago

$('#dynamic-table').on('click', 'tbody td', function (e) { editor.inline(this); }); This is the datatable editor how i can say this editor to skip this elements

Ashkan Aryan Over a year ago

I was suggestion to do it outside datatables. Let datatables do it's setup and then select all the relevant elements separately using CSS selectors. They'll ultimately end up being an "input" element in the DOM.

Collectives™ on Stack Overflow

Datatables: Prevent html elements on inline edit

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related