I 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].....
Does 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 Replies View RelatedI've managed in the past to cobble together a few simple scripts.
I have an html page, with numerous tables in this format:
<table class="tableClass" id="tableID">
<col class="date" />
<col class="reference" />
<col class="amount" />
[Code].....
This (apparently) totals all 'amount' cells in the page, and writes it in *all* the 'total' cells - close, but obviously I'm not correctly specifying that each total should be displayed in its parent.
<div><div>I'm using jQuery's tablesorter.js to create tables with sortable rows, as applied to tables with the ID "myTable."</div><div></div><div>I just wondered if there's a way to make it work with multiple tables on a single page. I created two tables and gave each of them the ID myTable, but only the first table worked. I can't remember if the specific ID is required for my Zebra widget (alternate row colors), too, or not, but I would guess it is.
</div>
<div></div><div>I posted my JS links below, to show you my setup. Thanks for any tips.</div><div></div><div>* * * * *</div><div></div><div><script src="<a
[code].....
I have been using JQuery in the past 6 months and I really got in love with it!Finally,I've come to an issue that (probably) have better solution than the one Im trying to do with.I have multiple tables in a HTML [code]all of these tables are some kind of gridviews filled with data using JSon and JQuery.The problem is:Before filling with data, only this part in the DOM is created <table id="myTableId"> <tbody> !so, before going forward with filling the table with data and creating <tr>'s and <td>'s, I would like to find the current (not filled one) table ID.The algorithm would be:
1. <table id="mytableId"> is generated
2. right after #1, find table ID.
3. Depending of the table ID, generated data accordingly. (Continue with creating tr's and td's)
I have tried using closest('table'), also using find(), parent(), parents() and some other methods with which I've been working previously, but still no success.I can find the table by uing var tId = $(TABLE['id*='myTable']").attr('id');, but this finds all tables with 'myTable' and I want to find only the one that is created at that moment and waits for filling with data.
I have look some of the examples of deleting tables and or rows with Java. The only problem is that all examples I have seen talke about one table and one or more buttons. What I needs to do is have 4 single row / dual columns tables each having a button of their own for deleting this table. Here is what I got but it just doesnt work for me as each table has a seperate Table ID.
<script language=javascript>
function removeRow(src)
{
var oRow = src.parentElement.parentElement;
document.all("tblGrid").deleteRow(oRow.rowIndex);
[Code]....
In the main table there are two sub tables are there.when user click addRow button main row and also subrow should be created.i have written the code but when i click addrow alignment is missing and apart from that mainrow and subrow is not displaying properly.
<html>
<head>
<script>
[code]...
Say that you have a table with id Testresults. Now you also would like to show diffrent parts of that table inside diffrent divs that also contain a table.
for example
Code:
<div id="OK testcases">
<table id="oktestdiv">
<tr id="row1" class="ok"><td>ok</td></tr>
</table>
[Code]....
I naturally don't want to write the code for the table at multiple places of the page. Notice also that my site only contains of one site, containing many divs.
there are a lot of different scripts out there to sort a table with multiple
columns. However, I want to do something specific.
I have a table that is "spread" accross multiple pages. Usually, when a user
wants to change the page, what you do is compute indexes in the server and
return the modified list. But that's not what I want to do, I want to be
able to navigate through the pages AND be able to sort the columns within
the client screen.
Does anyone know of a good example of something like that ? I know it can be
done, I would have to write the entire data in the client side, and then
manipulate it with indexes and sorts. I am very much able to write such
data, but should "delete" and "add" new table Elements (in a way that is
browser compatible) or show/hide <TRelements, maybe overwrite these table
rows?
I was wondering if this is somehow trivial so you can suggest a coding
strategy or if anyone knows a good page that displays this possibility.
I'm using quick search plugin (URL...) in filtering rows in a group of tables.The problem is that the old vesion of Quick search may act on multiple tables as long they have the same table_id while the new vesion acts on the first table only.
1-the number of tables is very large (in some pages may be 500 tables).
2-the action of Quick search is applied automaticaly as the user type any text in the input text box. so i don't know any way to make a loop to call the function once for each table.
I'm trying to pull data from multiple database tables and output them into a table which I've done fine, but I'm having trouble trying to filter the rows by specific values like colour and size selected from select boxes without reloading the page.
After more than a day of looking though I have made no progress, If this was to be done with just PHP and MySQL reloading the page I'd have no problem but having problems with the AJAX side.
Wonder if there is a way to have my Drop-Down box selections create individule single row/dual colume tables for each item that was selected from the drop-down box. An example would be:
1: I selected 3 items from my drop-down box at one time (my drop-down box allows multiple selections).
2: I click a button call "Create Template" and three new single row/dual colume tables are created with the names if the items.
Here is what I have so far, but need a little help. Notice I have added the three tables in to show how it should look but this is for information only as these should be created automaticaly.
[Code]...
[URL]I've been using the advice and code here to start incorporating expanding/collapsing tables into my work, but I'm hitting a little problem. I want to have multiple such tables side-by-side (each headed by a picture and populated by a lightbox, which isn't the issue), but Dreamweaver wants nothing to do with the idea. I don't really even know if it's possible, but if it is I'd like to know what sort of changes I might need to make to achieve it.
View 3 Replies View RelatedI'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 Related