JQuery :: Accessing The Whole Table When Using Tablesorter And Tablesorterpager?
Apr 28, 2011
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:
I'm trying to be able to click a row to highlight it on table controlled by tablesorter. I'm having a great deal of difficulty achieving this as nothing seems to make any difference.
I am adding the following after the call to tablesorter.
I have a div container that is used to specify where the table I retrieve via ajax is placed $("#div_reveal").html(AjaxResponse). I have tried to add an onSuccess function to update the table function (){ $("table").trigger("update"); } but the table does not sort. When I copy the output table directly into the page (static) it sorts. Therefore, I am assuming that the new table is not being added to the Dom and and is not being "recognized" by tablesorter. Does anyone know of a solution to retrieve and display a full html table via ajax and get tablesorter to sort it.
I'm developing a table that'll have dropdown filters above it. However my table has a slight twist in that some columns will have more than one value in them, eg imagine a column with these values:
- UK - UK - UK, USA - UK, Germany - Germany - USA
Now when I filter by 'UK' it should show four results - not two. Can anyone give me a few pointers how to do this or point me towards a plugin that might tackle this already? The values will always be comma separated.
I am using Jquery and the tablesorter plugin to sort a table of information. Within the table i have a column of checkboxes. A user can check the boxes and press the submit button which will $_POST the checked boxes onto the next page. Everything works if i dont sort the table, but if i sort the table and then check a few boxes the $_POST array is empty.
I have 3 Jquery tabs on the form. Each tab contain same HTML Tables, I want to access the data in a Cell of a table in an active tab on the button click
in normal Case I use
var x=document.getElementById("searchResultTable").rows[10].cells; referenceNo=x[2].innerHTML;// get the value in the Cell alert( "x[2].innerHTML);
if i use this Code i get only the First Table data .All the Tabs Contains Same Table with Same Id and Name
I'm dynamically creating an HTML table using JQuery. I'm not assigning id's to the tr or td tags in the table. The reason I'm not, is that it seems complicated, given that the table is initially loaded and then the user can add and delete rows. I'll also need to sort the table on demand.
I maintain the current row the user has clicked on as a global variable (curRow) using this... $("#prodTable tbody tr").live('click', function() { curRow = $(this)[0].rowIndex; });
I want to do input validations on certain cells based on values in other cells in the row. for example, the value of cellA cannot be greater than the sum of the values of cellB-CellD. The question is, given a certain table rowindex, how can I access the cells in the row? Is this not a good approach?
I have a table, simplified below, which has <col> and <tbody> elements. Is there an easy way using DOM to access the table row length? The number of rows varies as it is generated by an application.
I know you can use rows collection like document.getElementById('myTable').rows.length, but isn't the rows collection IE specific? I don't understand how I could use childNodes effectively with col and tbody tags. Ideas?
I have a table on which there are a number of cells. some cells contain input boxes that allow users to enter various information. However I need to know how to access the information contained within each cell to allow me to compare it to some other information. Would anyone be able to tell me if this is possible and how I would go about it.
I have an HTML table with the table data being generated and printed via for loop using php.An sample from the code is shown below. What I would like to know is how Do I access text within SPECIFIC <td></td> tags from the table? So let's say that I want to access the value of the data in row 3, how i can access is via Javascript using HTML DOM
<? $result = mysql_query("SELECT * FROM tbl_slider"); echo "<BR/>";
<script type="text/javascript"> function insertPreference() { var row = document.getElementById('voteTable').rows[0];[code]....
I can get the value for id and title. However, I can not get the radio button value.I will loop through the <tr> tag and access the <td> and pass it to AJAX module in (id + title + value) manner.Is there a way to do that?
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:
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'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?
The 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.
I 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:
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.
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
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.
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]
