Jquery tablesorter plugin is not working

Question

I am a newbie to MVC. Please forgive me for this newbie question. I am using JQuery table sorter plugin for sorting a html table. I am using this tablesorter plugin. But this one doesn't seem to work.

My javascript code:

    <head>
                <title>Test Header</title>
              <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.0.min.js"</script>
              <script src="~/Scripts/jquery-latest.js"></script>
              <script type="text/javascript" src="~/Scripts/jquery.tablesorter.js"></script> 
                <script type="text/javascript">
                    $(document).ready(function () {
                        alert("hi");
                        $("#tab").tablesorter();
                    }
            );
                </script>
            </head>

HTML Code:

<div>
    <table id="tab" class="tablesorter">
        <thead>
            <tr>
                ---Header part---
            </tr>
        </thead>
        <tbody>
            ---Body Part---
        </tbody>
    </table>
</div>

Please help me. Thanks in advance :)

You need to include the jquery library before the tablesorter js and just include one of the tablesorter js files — anderssonola, May 07 '14 at 11:50
Yes. There isn't any issue with alert and now I have included the library also. Still no luck — Debaprasad, May 07 '14 at 12:11
than your browser must throwing some error. You can trace it through various tools. can u put the logs on here ? — IT ppl, May 07 '14 at 13:05
Yes, I have imported two libraries because in [this](http://tablesorter.com/docs/example-pager.html) documentation it was said to add two libraries — Debaprasad, May 07 '14 at 13:13
@ITppl I have tried in Mozila, Chrome and IE as well. It's working nowhere :( — Debaprasad, May 07 '14 at 13:14
let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/52212/discussion-between-it-ppl-and-debaprasad) — IT ppl, May 07 '14 at 13:15

score 2 · Answer 1 · answered May 07 '14 at 11:51

2

You need to include the jquery library before the tablesorter.js and just include one of the tablesorter js files

answered May 07 '14 at 11:51

anderssonola

2,195
16
29

Included this following library, and followed your suggestions, Still it's not working – Debaprasad May 07 '14 at 12:01

score 1 · Accepted Answer · edited May 23 '17 at 10:32

1

You don't need to include 2 tablesorter library. You need just one. You could include just the "jquery.tablesorter.min.js".

Look the difference between "file.js" and "file.min.js": What's the difference between jquery.js and jquery.min.js?

And you also need to include jquery library.

Example:

<head>
    <title>Test Header</title>
    // Here you need to include jquery library
    <script src="~/Scripts/jquery.tablesorter.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#tab").tablesorter();
        });
    </script>
</head>

edited May 23 '17 at 10:32

Community

1
1

answered May 07 '14 at 11:57

Guilherme Natal de Mello

427
4
16

I have included these above libraries and removed everything else. Still it's not working :( – Debaprasad May 07 '14 at 12:10

Jquery tablesorter plugin is not working

2 Answers2