Double arrows when using jquery UI and sorting
Double arrows when using jquery UI and sorting
johndeery
Posts: 2Questions: 0Answers: 0
We noticed this issue on our installation and then, when looking at the jqueryUI documentation, found the same problem on the example: https://datatables.net/examples/styling/jqueryUI.html . Double sorting arrows. Not sure what the fix is, but it's there and any column you click on to sort will get the double arrows
This discussion has been closed.
Replies
Looks like the fix is in jquery.dataTables.jqueryui.js, line 5:
Before: var sort_prefix = 'css_right ui-icon ui-icon-';
After: After: var sort_prefix = 'css_right ui-icon';
EDIT: Answer found over here (https://datatables.net/forums/discussion/23684/jqueryui-multiple-sort-images)
Tried the fix listed above but still am showing two sort arrows on each column. I am thinking this is a CSS issue and not a JS issue. Before I go off wading through the dataTables.jqueryui.css and/or jQueryUI CSS wanted to see if anyone else had any thoughts/suggestions.
Sounds like you are including the default DataTables CSS as well as the jQuery UI DataTables CSS. That is what the site is doing on my example page you linked to. Unfortunately the default DataTables CSS is cooked into the site, so I've not figured out a good way of separating it on this site yet!
Allan