Search code examples
jquerydjangodatatables

jquery DataTables: weird sort arrows


Working on a Django site with bootstrap. I'm getting these sort arrows for any jquery datatable. Any idea how to get the default ones shown here?

Weird arrows


Solution

  • These arrows indicate that you're using Bootstrap styling. If you want to use default styling use class="display" attribute for your table as shown below:

    <table id="example" class="display" cellspacing="0" width="100%">
    ...
    </table>
    

    You also need to include CSS file for default style. You can generate your CSS/JS files using download builder and select DataTables option in Styling section.