DataTables
Advanced interaction
features for your tables.
Editor
Comprehensive editing
library for DataTables.
Manual
Download
≡ Show site navigation

DataTable missing sorting icon

DataTable missing sorting icon

msvfmsvf Posts: 7Questions: 0Answers: 0
in Free community support

Hello,
Unfortunately, i have tried every single possibility of solution for this problem, including the one described in a discussion in this forum.
The problem is the fact that the sorting icon on my datable doesn't appear. Another problem/inconvenient is the type of icon. Basically are two types, the most standard one and the most awesome, and i want to use the last one mentioned.

I really tried everything. Import of .js and .css, definitions in the php page.

I don't know what to do now.

Thank you,
Best regards,
msvf.

Replies

  • pingcrosbypingcrosby Posts: 29Questions: 4Answers: 1

    Can you paste your table code in?

  • allanallan Posts: 63,852Questions: 1Answers: 10,519 Site admin

    Yes, we'd need a link to the page to understand what code you are including and why it isn't doing what you want. I think just the code probably won't be enough in this case since it might be a missing resource on the server. We'd need an actual link to a page showing the issue.

    Allan

  • msvfmsvf Posts: 7Questions: 0Answers: 0
    edited February 2017

    Ok, sorry for taking soo long but i had to move forward with the project.
    The code is going to be presented below:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <style>
    .span3 {
    height: 450px !important;
    overflow: scroll;
    }
    .results tr[visible='false'],
    .no-result{
    display:none;
    }

    .results tr[visible='true']{
    display:table-row;
    }

    .counter{
    padding:8px;
    color:#ccc;
    }
    table.dataTable th:active {
    outline: none;
    }
    </style>
    </head>
    <body>

    h2{font-weight: bold;}
    ID Name Value Score Responsible
    1 A B 10 Phi
    2 A B 10 Phi
    3 A B 10 Phi 
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.dataTables.min.js"></script>
<script src="js/dataTables.bootstrap.min.js"></script>
<script src="css/bootstrap.min.css"></script>
<script src="css/dataTables.bootstrap.min.css"></script>
<script>
    $('#standardTable').DataTable({
        "bPaginate": false,
        "bInfo": false,
        "scrollY": "450px",
        "dom": '<"pull-right"f><"pull-right"l>tip',
        "language": {"search": "Pesquisar:"},
    });
</script>

    </body>
    </html>

  • msvfmsvf Posts: 7Questions: 0Answers: 0

    Thank you for your attention, you probably don't have too much free time. I really appreciate it. Thank you.

  • tangerinetangerine Posts: 3,365Questions: 39Answers: 395

    Check your js references.
    You are loading two versions of jQuery and three versions of Bootstrap.

    Also

    script src="css/bootstrap.min.css"
    script src="css/dataTables.bootstrap.min.css"

    They are CSS files, not scripts.

  • msvfmsvf Posts: 7Questions: 0Answers: 0

    Thank you sooo much. It is working now :D!

    You're great ;)

This discussion has been closed.

DataTables

DataTables designed and created by SpryMedia Ltd.
© 2007-2023 MIT licensed. Privacy policy. Supporters.
SpryMedia Ltd is registered in Scotland, company no. SC456502.