column header frozen if clicked rapidly on the sort arrow image

dsrpoc

I am using jQuery datatable and noticed an issue with column sorting when the clicked rapidly multiple times (say 4 times).

The column headers and sorting works perfectly fine if I click (multiple successive clicks) anywhere else on the header except for exactly on the sort arrow image. When clicked in this fashion on the arrow image, the columns does not respond with a sort for a while (gets stuck) and suddenly comes back to life after a while. Is this a known issue with jQuery's datatable. Please note that the table data i is pretty small to load and sort in this case, so it's definitely not the time required to sort the data.

I am also using a custom image for the sort arrow which I stick in on top of the native / default image. I did some basic investigation around how I toggle the up/down sort arrows using CSS classes, this doesn't seem to be an issue . Also, because the same logic for toggling the CSS classes works fine if I click on other places in the column header.

Any suggestions. Thanks

allan

It seems to work okay for me - does this happen for you on all examples, or just a specific subset or even an individual 1?

Allan

dsrpoc

Hi Allan, Thanks for your response. It happens to me on all the example ( all places I use the table in my application) . Any suggestions ?