asp.net mvc 4 - Need help in implementing tablesorter 2.17.1(or latest) -



asp.net mvc 4 - Need help in implementing tablesorter 2.17.1(or latest) -

can please help me working sample of mvc application tablesorter plugin applied ? bit confused how apply latest tablesorter plugin mvc sample..i trying implement

$('table').trigger('sortreset')

in below teble.

<table class="tablesorter"> <thead> <tr> <th>alphanumeric sort</th> <th>currency</th> <th>alphabetical</th> <th>sites</th> </tr> </thead> <tbody> <tr><td>abc 123</td><td>&#163;10,40</td><td>koala</td><td>http://www.google.com</td></tr> <tr><td>abc 1</td><td>&#163;234,10</td><td>ox</td><td>http://www.yahoo.com</td></tr> <tr><td>abc 9</td><td>&#163;10,33</td><td>girafee</td><td>http://www.facebook.com</td></tr> <tr><td>zyx 24</td><td>&#163;10</td><td>bison</td><td>http://www.whitehouse.gov/</td></tr> <tr><td>abc 11</td><td>&#163;3,20</td><td>chimp</td><td>http://www.ucla.edu/</td></tr> <tr><td>abc 2</td><td>&#163;56,10</td><td>elephant</td><td>http://www.wikipedia.org/</td></tr> <tr><td>abc 9</td><td>&#163;3,20</td><td>lion</td><td>http://www.nytimes.com/</td></tr> <tr><td>abc 10</td><td>&#163;87,00</td><td>zebra</td><td>http://www.google.com</td></tr> <tr><td>zyx 1</td><td>&#163;99,90</td><td>koala</td><td>http://www.mit.edu/</td></tr> <tr><td>zyx 12</td><td>&#163;234,10</td><td>llama</td><td>http://www.nasa.gov/</td></tr> </tbody> </table>

also js , css files referring follows

<head> <meta charset="utf-8"> <title>basic tablesorter demo</title> <link href="~/content/jq.css" rel="stylesheet" /> <link href="~/content/theme.default.css" rel="stylesheet" /> <script src="~/scripts/jquery-latest.min.js"></script> <script src="~/scripts/jquery-ui-1.8.24.min.js"></script> <script src="~/scripts/jquery.tablesorter.min.js"></script> <script src="~/scripts/jquery.tablesorter.widgets.min.js"></script> <script> $(function () { $('.tablesorter').tablesorter({ widgets: ['zebra', 'columns'], usnumberformat: false, sortreset: true, sortrestart: true }); }); </script>

not sure why not getting working..it thorows error "uncaught typeerror: undefined not function " tablesorter()

note: learned functionality of resetting available plugin 2.4.7 onward.

your help appreciated.

thanks

you'll need add together element on page allows user click reset sort. in this example, i'll utilize button:

<button type="button" class="reset">reset sort</button>

then apply appropriate script give button ability trigger reset event:

$(function () { $('.tablesorter').tablesorter({ widgets: ['zebra', 'columns'], usnumberformat: false, sortreset: true, sortrestart: true }); // create button reset sort $('.reset').click(function(){ $('.tablesorter').trigger('sortreset'); }); });

alternatively, user can utilize ctrl + left click on header cell reset sort. key can changed using sortresetkey option.

asp.net-mvc-4 tablesorter

Comments

Popular posts from this blog

php - Android app custom user registration and login with cookie using facebook sdk -

django - Access session in user model .save() -

php - .htaccess Multiple Rewrite Rules / Prioritizing -