Modifying table headers
Modifying table headers

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
Answers
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
Apologies for the late reply, this worked perfectly.
I am going to be honest. When you work "professionally" on JS and TS and then realise you forgot about
stoppropagation()
, you probably need to have a good, long word with yourself!Meh - its easy done. We all do it I'm sure
Good to hear it is working for you now.
Allan