Jquery Datatable Sort Click Event in Table Header Not in Column Title Text

Question

I have this table which I implement the Jquery-DataTables

and in that I have a Select All function that works well;

<thead>
  <tr>
    <th>
      <label>
        <input type="checkbox" > All
      </label>
    </th>
  </tr>
</thead>

the problem is when I clicked the checkbox the sort event of table is also being performed. what I want is, when I click on the Text "All" or the Checkbox the sort event will not perform, instead, it will only perform as usual if the table header(outside the Text or Checkbox) and the Sort-Icon is clicked.

any idea how to do it?

yesterdaysfoe · Accepted Answer · 2014-12-11 06:54:35Z

1

I have solved this issue by running this script (from this) after initialization of Jquery-Datable to my table;

$('input').click(function (event) {
    event.stopPropagation();
});

hope it will help someone someday.

answered Dec 11, 2014 at 6:54

yesterdaysfoe

8083 gold badges9 silver badges23 bronze badges

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

Collectives™ on Stack Overflow

Jquery Datatable Sort Click Event in Table Header Not in Column Title Text

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related