table header shows two sort arrow icons for each column

table header shows two sort arrow icons for each column

zipperzipper Posts: 35Questions: 9Answers: 0

test case: 54.199.175.35/5, may you help to check what's wrong, thanks.

This question has an accepted answers - jump to answer

Answers

  • kthorngrenkthorngren Posts: 20,149Questions: 26Answers: 4,736

    This is a CSS issue where two CSS libraries are displaying the buttons. I don't immediately see the specific issue. Typically with Bootstrap its because both dataTables.bootstrap.min.css and jquery.dataTables.css are being loaded. I'm not sure which of your CSS files are conflicting.

    Since you are using Bootstrap I would recommend downloading/using the DataTables Bootstrap support libraries.

    Kevin

  • zipperzipper Posts: 35Questions: 9Answers: 0

    Thank you @kthorngren, but there is no "Bootstrap support library" on that page, the only options related to Bootstrap is the option of "Styling". I selected the Bootstrap styling and used the generated CDN, the duplicated order icon is gone, but the order icon also changed to the "Bootstrap style" (the wireless signal strength indicator) no longer the triangle.

  • kthorngrenkthorngren Posts: 20,149Questions: 26Answers: 4,736
    Answer ✓

    "Bootstrap support library"

    Poor choice of wording :-) You found what I was referring to. And yes the sorting icons are different like you described.

    Kevin

  • zipperzipper Posts: 35Questions: 9Answers: 0

    Thank you for the support and confirmation Kevin ;)

This discussion has been closed.