JQuery :: TableSorter Cannot Handle Nested Tables?
May 11, 2009Does tablesorter support nested tables? I'm only trying to sort the outer table, but tablesorter seems confused by tables nested within my <td>'s.
View 3 RepliesDoes tablesorter support nested tables? I'm only trying to sort the outer table, but tablesorter seems confused by tables nested within my <td>'s.
View 3 RepliesI am trying to use the plugin tablesorter that has a pager, for one table in a page it works fine, but when I put two tables, the pager links [next, previous,....] for the first table is moved under the
[Code]...
I am using the excellent jquery.tablesorter successfully for a large number of 40-row tables that live together on one page. So far I'm very happy with the plugin. My users also need the ability to apply any column sort they invoke automatically to *all* tables on the pae. They do not wish to sort the tables individually. As recommended in another thread, I have been looking at sortStart and sortEnd, but have been pulling my hair out trying to get this working. My JS:
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
// extend the default setting to always sort on the first column
$.tablesorter.defaults.sortList = [[0,0]];
[Code].....
I have a html page with nested tables (horrible I know, but none the less what has to be done).
Example:
<table class='parent_table'>
<caption>Title</caption>
<tr><td>
<table class='child_table'><tr>
<td>Build</td><td>32bit</td><td>64bit</td><td>Date</td>
</tr></table></td></tr>
I am using this jQuery:
$('.parent_table').find('tr:odd').addClass('alt');
However, the alt class is not being added to the parent tr tags...When I just do this:
$('.parent_table').find('tr').addClass('alt');
It successfully adds the alt class to all the parent_table tr tags...Why would that work, but the odd selector does not?
I'm trying to get tablesorter working on my site, as per [URL]
Here's the page I'm working on: [URL]
I've included references to jquery-1.5.1.min.js and jquery.tablesorter.min.js in the page header, and uploaded the files to my site. I'm sure the references are OK, because if I use firefox web developer to view javascript it can find both of these.
I've included a script in the header to sort the table:
<script type="text/javascript">
$(document).ready(function()
{
$("#myTable").tablesorter();
[Code].....
The table has an id of "myTable" and is of class "tablesorter".
I've uploaded the css file, and again, I'm sure this is being located OK, because the table has the look and feel of a tablesorter class, and again web Developer is able to display the css correctly.
BUT, the icons aren't appearing, and the table is not sorting. I've put copies of the icons in root, in the same directory as the page and the same directory as the jquery files for good measure, but they're not being found. And no amount of clicking will sort the columns.
I use table sorter ( latest 2.0.5) and Jquery latest for sort table !
It works fine!
BUT! in some tables, I've link for open image in a light box !
On the first page, all works fine !
But, as soon as i set the second ( or more ) page in the table, the link work like a classic link, not like a "lightbox class" link !
I've try with fancybox => same !
with shadowbox => same !
and with lightbox => same !
So, the problem come from tablesorter or the pager !
I'm trying to get tablesorter [URL] working but pasting the example table, when the given document.ready() function fires, I get a javascript error saying that $ ("myTable").tablesorter(); is not a function. Can anyone confirm this works with Jquery 1.2.3?
View 1 Replies View RelatedThe tablesorter plug-in by Christian Bach has what I think are a couple of bugs/anomalies. 1) a column that starts with a zero is not identified as a 'digit'. I think it should be. 2) a column that starts with an IP address that looks like 192.168.1.1 or 1.127.77.1 -- that is any IP with a single digit is not identified as an IP address because the "is" function only looks for d{2,3} instead of d{1,3}. 3) some of the examples in the source code are wrong. Otherwise a great plug-in and worth the effort to debug.
View 1 Replies View RelatedI am trying out the Tablesorter in Wordpress 2.7.1 to make a membership list sortable. For some reason the sortable features isn't being enabled (or at least visible). Here are the steps I've taken so far: 1) In the header.php file I added the following code between the head
tags:
<head>
<script type="text/javascript" src="library/scripts/jquery-
latest.js"></script>
<script type="text/javascript" src="library/scripts/
jquery.tablesorter.js"></script>
[Code].....
But, while the table shows up on the page, the sortable features are not visible. NOTE: In Wordpress I have the WP-Table Reloaded plugin activated, but to trouble shoot this issue, I am not using the shortcode and using a HTML table directly in the page, for now.
at least going to be a double post from in the jQuery Plugin list. I'm being moderated yet on that list, and it doesn't seem to get much activity.I'm going to post this here since the Tablesorter developer hasn't gotten back to me yet.I took a copy of the latest version in SVN and modified it to have jQuery UI Theme support. It seems to work very well and anyone is welcome to use it.[code]I was hoping this would be included into tablesorter so I just threw up the modified version on my work site for now.
View 3 Replies View Relatedi have two table header rows, one with Captions and one with controls, dropdown, checkbox etc like this:
[Code]...
I have a table where the first column is mixed with words and dollar amounts and by default, before you sort, it looks like this:
[Code]...
Assuming a structure like:
<table><thead><tr>
<th>Sample</th>
</tr></thead>
<tbody><tr>
<td><ul><li>25
<ul><li>Some Name</li>
</ul></li></ul>
</td></tr>
</tbody>
</table>
How can I use textExtraction to sort based on whatever number is in that first LI element? I have tried various things, but just can't seem to get it.
//Various forms of the below... trying to find the right path to the element.
textExtractionCustom: { 0: function(o) { return $('li','ul.serversgs',o).html(); } }
textExtraction: { 0: function(o) { return $('li','ul.serversgs',o).html(); } }
// This from within my own function called by whatever column I'm sorting by (0 above).
return
node.childNodes[0
].childNodes[0
].innerHTML;
Am I wrong and I cannot do this, even though the sample above is directly from the Tablesorter site as an example of bypassing HTML markup inside the TDs?
I'm using tablesorter in my app and it's working great except.. the ip address sorting seems to be slightly broken. It will sort on the first two groups fine, on the third group it tries to sort once and gets it wrong and on the last group it won't sort at all.bob
After a bit of debugging the issue is that an ip address is being detected as a digit, i.e 192.168.1.100 is detected as the number 192.168 and hence only sorting on the first two groups. I fixed this by moving the digit to the end of the parsers. This is not a proper fix but works for me. Secondly the parser needs to be changed as follows. Without the debug line obviously. It was limiting each group to 2 characters and only sorting the first two groups.
[Code]...
I've implemented tablesorter in my page using links to do the sorting rather than table headers. The reason being that the visible columns have the data in such a way that sorting on them is non-intuitive (the first column has both a job title and department title, so how to specify to sort on one or the other? I created hidden columns one for each data element and hid them).This works beautifully in Firefox and webkit browsers, but IE 7 and 8 are returning the following error when trying to sort on a hidden column that isn't the last column in the table. If I display a column, the sorting works fine on it, but hidden and not last, it errors. Changing the order of the hidden columns doesn't change the behavior, last column works and the other three error.Line: 552Error: 'undefined' is null or not an object.the line is referring to jquery.tablesorter.js here:
function setHeadersCss(table, $headers, list, css) {
// remove all header information
According to the documentation, tablesorter plugin should be able to sort by shortdates (Both UK and US formats).The user can select a dateFormat, like "dd/mm/yyy" when setting up the sorter.I've tried to do this - but it has no effect at all.I've looked at the DEMO for tablesorter, and even-though they write "We sort UK shortDates", they actually filled the table with US formatted dates... So, I have never actually seen this function working Anyway, I've done as I believe is right according to the documentation - but I cannot get it to sort by the dateFormat "dd/mm/yyyy".[URL]
View 1 Replies View RelatedI'm using jQuery's tablesorter.js to create tables with sortable rows. It works fine on both text and numerals - but only if they have no commas. For example, the following column would sort properly:
[Code]...
I'm new to Jquery. Its really funky. But Im having an issue now. [code]...
So I have a list of buttuns. they all have the same name. name="Replace"
Each id is Replace1, Replace2, etc
I want to get a handle on the id of the button that was pressed
I have tried the following combinations [code]...
I was developing a very simple application, just for training some Ajax. It works like that:
» I make a search using Ajax and it gives me a list with a lot of cities according to their state;
» After receiving the data, I can only manipulate the first DIV (that contains the city data).
The problem is that the city boxes (DIVs) has the same ID and, when the jQuery function is set (to send the address to an input that will make a search through Google Maps API), it only works for the first DIV. Then, if I search new cities, it works, but the same manner :(
Check out the screenshots:
[url]
[url]
[url]
[url]
So... I can only handle the first DIV among all the anothers, because they have the same ID. I have already tried the .each(), .unique(), creating an array...
I am using the tablesorter and tablesorterpager plugin and I really like it.However I need help with a problem I have. I use checkboxes for every rowin a table for selecting items.I also have a “select all” checkbox in the table header. When looking at the pager script I understand that the plugin completely removes all the table rows from the DOM and only renders the visible rows, the rest of the table is cached. So when using code similar to this:
$("#theTable"
).find("input[name='cbitems']:not(:disabled)"
).each(
[code]....
I have a table in which the first column is the row number (always from 1 at the top to 100 at the bottom) so no matter how the other columns are sorted that first column should be the 'rank' for that particular
sort. Is it possible to do this with tablesorter? Could I change the values in the first column after tablesorter did it's work? I see how to disable sorting on the first column but that is not what I want.
I found tablesorter plugin failed to sort the float if the float is in scientific notation? Eg. the tablesorter asc sorted result of float list is : [ 7e-06,4e-05,0.051116,0.00518,0.0].
View 3 Replies View RelatedI need to exclude a table row from the sorting with tablesorter.
View 4 Replies View RelatedI have a table, 10 cols, 200 rows. Using tablesorter causes a memory leak on every page refresh of almost 2mB. A smaller table causes a proportionately smaller memory leak. Is there way to clear this memory? I've tried setting inner html of the table to '', but it makes no difference. Is there even a universal method i can call to remove any trace of any jquery plugin I have on the page?
View 3 Replies View RelatedI'm using the tablesorter plugin and having a heck of a time creating a parser to sort a column of images. One of my columns can have one of three images whose HTML code is below:
<img src="/images/intensity_1.png" alt="Mild Intensity" />
<img src="/images/intensity_2.png" alt="Moderate Intensity" />
<img src="/images/intensity_3.png" alt="High Intensity" />
Now using the example of custom parsers from tablesorter's website, I attempted to create my own parser as seen below:
<script type="text/javascript" id="js">
// add parser through the tablesorter addParser method
$.rides.addParser({
// set a unique id
[Code]....
However this code does not work. Every other column is sortable so I know the script itself is working but the column with the images refuses to sort. I also tried using regex to change the images into a sortable number for the script to use but that did not seem to work either.
If I use remove() instead of hide(), or if I use trigger('update'), the pager drops all pages except the current one. I'd like to use remove(), and ideally the a row that is deleted would be replaced by one from the next page. I thought that trigger('update') was supposed to do that for me.[code]...
View 8 Replies View Related