tablesorter

jquery tablesorter 2.0, resorting table after values change

I need to re-sort a table when the input elements in cells change in value. I've already created custom sorters for my data, which works wonderfully, but now I need to re-sort when data changes. $('#id').tablesorter(...) almost does what I need, but it seems to apply ANOTHER set of sorting on a given table, which leads to really weird b...

can you set value of element in .live function?

Bit of a long winded question but here it goes- I query a database and then return the values in a html table. The number of rows and columns in the table depends on the results of the query. I want the user to be able to get more information on each row. To do this the user will click one of a choice of images in the last column of eac...

[jquery] [tablesorter] [quicksearch] How to determine number of displayed rows?

I'm using jQuery with TableSorter and QuickSearch plugins. These work fine. How can I: dynamically display row numbers for each displayed row? somewhere on my page, display the total number of displayed rows? ...

ASP.NET MVC 2 and the tablesort v2 jquery control

Hopefully someone can help, I've been playing with ASP.NET MVC 2 for a learning project. Recently I wanted to introduce some more advanced effects, one of which being sortable tables. Given that I have a number of other jquery controls, using a jquery control seemed a good idea! I selected tablesorter v2 and set about adding it to my ...

jQuery tablesort and .empty() on ajax loaded table keeping rows

I am building a table with ajax and then attaching a jQuery tablesorter (found here). This works fine the first time. On a second time (and every one really) I empty out the rows like this: $('#tblTableName tbody tr').empty(); I then add the rows as I did before and then reattach the tablesorter. It looks fine and I show only the row...

TableSorter loses header text

I'm using tablesorter in an asp:GridView and works fine but this been bother me for some time Every time there is a button action (firing up a call to the server, refreshing the page), table sorter loses the headers as you can see by the 2 images below: before refresh: after refresh: Does anyone have an idea of if this might be a...

problem with jquery tablesorter pager

Hello, I am trying to use the tablesorter pager plugin to page my list. I have the following code for the pager - <img src="../../Content/images/first.png" class="first" /> <img src="../../Content/images/prev.png" class="prev" /> <input type="text" class="pagedisplay" /> <img src="../../Content/images/next.png" class="next" /> <img sr...

Zebra widget doesn't work, if i have a child table?

Hi, I have a problems with the JQuery tablesorter plugin. I use "zebra" widget, but it doesn't work if i have another table in the main table. $("#selection_table").tablesorter( { widgets: ['zebra'] }) if i have another table somewhere in the selection_table, zebra widget stop working properly. Is there a wa...

How do I use Firebug to see the actual contents of a table after its been filtered?

For example, after click the 1st cell of of the table on this page, I inspect the html with View/Page Source using Firefox and I notice the table identified with id="myTable" has all its rows even though only some rows are visible from the normal browser view. I dont understand why there is a difference? How could I use Firebug to see w...

Dynamic Sorting with JQuery

Hello, I have an HTML table element called "results". This table is dynamically populated with the results of a web service. The web service is triggered when user clicks a button. This button calls the "getResults" function shown below. This function returns a collection of objects in JSON format. When the web service successfully retu...

jQuery triggering a click event appears to be running one step behind

Hi, I am using tablesorter plugin which is great. I have had to clone the original header and then re-insert the clone above a scrollable area. To fire the tablesorter plugin on the hidden old table header elements i am triggering a click using .trigger() on the hidden table when a user clicks on the visible cloned table. Here is the...

jQuery tablesorter - sorting on bracketed floats

Hi, I have a HTML table thus: <table id="tablesorter-demo" class="tablesorter" border="0" cellpadding="0" cellspacing="1"> <thead> <tr> <th>Checkbox</th> <th>Price delta</th> <th>Price range</th> <th>Price brackets</th> </tr> </thead> <tbody> <tr> ...

jquery tablesorter and filesizes

Hi all, I'm currently trying to implement jquery tablesorter and one of my columns is filesizes, I've found a snippet of code for this, however I keep getting errors. If anyone could help me out that'd be great. jQuery TableSorter: http://tablesorter.com/ jQuery TableSorter Filesize code: http://groups.google.com/group/jquery-en/brow...

Use JavaScript to highlight the sorted column of a dynamically sorted table.

I am using the JS from this link for sorting my tables but this JS is not highlighting the selected column. I'm not very much into JavaScript that's why i want help to do that. What i need is that on clicking the heading of the column that has to be sorted the whole column should get highlighted with the sorted data. Please help me to ...

jQuery tablesorter sort only certain rows/columns

I have a table where some rows have a class of "parent" and some have a class of "child". The "child" rows always appear under the "parent" and you can toggle their visibility. What I want to do is use tablesorter to sort only the parent rows based on their "Last Edit Date" column, right now the childrens' "Last Edit Date" column is gett...

jQuery: tablesorter plugin, disabling sorting on some columns

Dear all, I'm trying to disable sorting of one column in my 3 col table. Following the docs I came up with this: $('table.sortable').tablesorter( {sortList: [[0,0], [0,0], [0,0]], textExtraction: myTextExtraction}, {headers: {0:{sorter:true}, 1:{sorter:true}, 2:{sorter:false}}} ); Official docs here ...

JQuery tablesorter plugin - update sorting after modified rows

Hi! I use the tablesorter 2.0, and I update the cells' value with ajax. After the call I would need to order again the rows, but the $('#thisTable').trigger('update') don't help me. I dealing with markup inside cells, but it can't be problem. $('#thisTable').tablesorter({ textExtraction: function(node) { return node.getElement...

Jquery Tablesorter 2.0 Question

Hey I've got a question about jqueryy plugin tablesorter 2.0 I'm using it to display all users from my database. Columns: Name, Firstname, Initial, Department Each initial should be clickable. For testing, I added following code: $("#initial a").click(function() { var userInitial = $(this).text(); $("#addedUser").append(userIniti...

drupal tablesort_sql sort by default but don't show in header

I want to create a simple table and make it available for user to sort on the headers. Using the tablesort_sql() function and sending the $header into theme() this can be done easy and nice. But i want to sort by default on a field that is not visible to the users. as example: I want the content to be sorted by the created date, but i d...

How can I zebra stripe a gridview that uses jquery tablesorter?

I have an asp.net GridView that I use the tablesorter on: $(document).ready(function() { $("[id$='_myGridView']").tablesorter({ sortList: [[0, 0]] }); }); How can I apply zebra striping that re-stripes when re-sorting? Edit: As @Chetan Sastry pointed out, it's as simple as: $(document).ready(function() { $("[id$='_...