Modifying table headers

droberts

Good morning,

I am hoping I can find some help here. I am replacing the DataTables header with a search dropdown on the left, and the table header (and sort order indicator) on the right. At the moment, when we click the search button, the order function is called, and we want to disable this functionality, and only have the ordering happen when the header text (or order indicator) is clicked.

Below is what my header looks like with the search icon and other parts, as described

kthorngren

Likely you can use stopPropagation() in the event handler as shown in this example of this thread. Or you can use two header rows. An example of this is also in the thread.

Kevin