44103

Sorting not enable in my table

Question:

I have updated the code in below fiddle, unable to sorting the table. I have tried tablersorter but thats not help

kindly resolve m issue.

Here is the link : jsfiddle.net/BKgue/224/

I have updated the code below.

My Code:

<head> <title>Untitled Document</title> <body> <link rel="stylesheet" href="../../Downloads/mine/jQueryMobile_resources/jquery.mobile-1.3.0.min.css" type="text/css"> <script type="text/javascript" src="../../Downloads/mine/jQueryMobile_resources/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="../../Downloads/mine/jQueryMobile_resources/jquery.mobile-1.3.0.min.js"></script> <script type="text/javascript" src="js/jquery.tablesorter.js" ></script> <script type="text/javascript" src="js/jquery.jquery.tablesorter.min.js" ></script> <script type="text/javascript" src="js/jquery.jquery-latest.js" ></script> <script type="text/javascript" src="js/jquery.jquery.metadata.js" ></script> <script type="text/javascript"> $(document).ready(function() { $("#myTable").tablesorter(); } ); </script> </head> <table data-role="table" id="table-column-toggle" class="ui-body-d ui-shadow table-stripe ui-responsive" data-column-btn-theme="b" > <thead> <tr> <th data-priority="1"> <label> <input type="checkbox" name="checkbox-0 "/> </label> </th> <th data-priority="2">CUSTOMER</th> <th data-priority="3">SUBJECT</th> <th data-priority="4">STATUS</th> <th data-priority="5">UPDATED</th> <th data-priority="6">ASSIGNED</th> <th data-priority="7">PRIORITY</th> </tr> </thead> <tbody> <tr> <td> <label> <input type="checkbox" name="checkbox-0 "/> </label> </td> <td>Smith</td> <td>Sampletitme</td> <td>open</td> <td>Yes</td> <td>me</td> <td>me</td> </tr> <tr> <td> <label> <input type="checkbox" name="checkbox-0 "/> </label> </td> <td>Smith</td> <td>Sampletitme</td> <td>open</td> <td>Yes</td> <td>me</td> <td>me</td> </tr> <tr> <td> <label> <input type="checkbox" name="checkbox-0 "/> </label> </td> <td>Smith</td> <td>Sampletitme</td> <td>open</td> <td>Yes</td> <td>me</td> <td>me</td> </tr> </tbody> </table>

Answer1:

When using tablesorter did you call when document is ready?:

$(document).ready(function() { $("#myTable").tablesorter(); } );

Taken from: <a href="http://tablesorter.com/docs/" rel="nofollow">Tablesorter docs</a>

Edit, order in the head:

<link rel="stylesheet" href="../../Downloads/mine/jQueryMobile_resources/jquery.mobile-1.3.0.min.css" type="text/css"> <script type="text/javascript" src="js/jquery.jquery-latest.js" ></script> <script type="text/javascript" src="js/jquery.jquery.metadata.js" ></script> <script type="text/javascript" src="../../Downloads/mine/jQueryMobile_resources/jquery- 1.9.1.min.js"></script> <script type="text/javascript" src="../../Downloads/mine/jQueryMobile_resources/jquery.mobile-1.3.0.min.js"></script> <script type="text/javascript" src="js/jquery.tablesorter.js" ></script> <script type="text/javascript"> $(document).ready(function() { $("#myTable").tablesorter(); } );

The order here reflects the order the libraries are loaded in the browser, so JQuery must be loaded before any plugins for JQuery

Recommend

  • Batch Command Conflict
  • Force file download AND show a new page
  • Powershell - Change windows 7 background to image off a website
  • java.lang.NoClassDefFoundError for org/springframework/aop/framework/AbstractAdvisingBeanPostProcess
  • How to use output buffering inside PHPUnit test?
  • Which reference source does include Microsoft.VisualBasic?
  • Batching in py2neo
  • How to display the hotel names that have the maximum count from data base by calculating sum in PHP?
  • How do I deploy my Node.js app with a opencv4nodejs dependency to Heroku?
  • Why are views not counted if you embed a youtube iframe dynamically using jquery?
  • NetBeans doesn't see style.css [duplicate]
  • SIP Makefile fail (gnuwin and mingw)
  • cordova build android throws error on Ubuntu 12.04
  • Jquery Show & ScrollTop (or ScrollTo)
  • What is Closure Compiler?
  • What do I do with this error when I run tests in rails?
  • How do I add a UIAlertController in app delegate (obj-c)
  • Unique SMS sender id?
  • jQueryMobile, Ajax Navigation, and MVC
  • How to add regEx in angular filter
  • Which browser have this strange user agent? (IOS device)
  • Segmentation Fault on MySQL2 / Ruby 1.9.3 / Rails 3.2
  • Is it possible to define rest argument in OCaml?
  • Angularjs pass function from Controller to Directive (or call controller function from directive) -
  • Simulate click Geckofx vb,net
  • D3 get axis values on zoom event
  • Adjust width of select element according to selected option's width
  • java inputstream
  • Custom validator control occupying space even though display set to dynamic
  • How do I pass the string value parameter of the selected list item from an auto-populated dropdown l
  • JSON response opens as a file, but I can't access it with JavaScript
  • Jquery UI tool tip close icon
  • HTML download movie download link
  • jQuery tmpl and DataLink beta
  • Numpy divide by zero. Why?
  • How to disable jQuery.jplayer autoplay?
  • CSS Applying specific rule for a specific monitor resolution with only CSS is posible?
  • Setting background image for body element in xhtml (for different monitors and resolutions)
  • apache spark aggregate function using min value
  • Converting MP3 duration time