tablesorter

I have a table with 3 columns, first column contains service name which is a hyperlink, second column contains a status icon, and the last column again an image for log file which is again a hyperlink.. I want to sort by first column which is a hyperlink, so the sorting should be done on the text of the hyperlink and also on second column which is an status icon based on the status weightage given below: <table border="0" cellspacing="0" cellpadding="3" class="services" width=100%> <thead> <tr> <th align="left">Service Name</th> <th align="left">Status</th> <th align="left">Log</th> </thead>

I am trying to apply the sorter images to table sorter table like the below.But the styles are not applying. using the below js file https://github.com/Mottie/tablesorter By default themes are applying so my table design is changing . i don't want the table sorter themes for images i will apply customize css. please check below code sorter images are not applying to my table sorter. <style type="text/css"> .tablesorter thead tr .header { background-image: url('/Public/images/sorter/bg.gif'); background-repeat: no-repeat; background-position: center right; cursor: pointer; } .tablesorter thead

I'm trying use TableSorter with Widgets Scroller and Filters, they work perfect, $("table").tablesorter({ theme: 'blue', widgets: ["zebra", "filter", "scroller" ] }); But, my table begin null or empty and after I input the data, so I've to use Update. $("table").trigger("updateAll") There's my problem, I can't doing work Scroller and Filter at same time, just one or another. Can someone help me? (Sorry if my english is being bad) Example: http://jsfiddle.net/s4ACj/5/ There are two issues. The filter widget does not initialize on an empty table. The scroller widget needs a lot of bug fixes

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 I think your code is almost correct. Your textExtraction option needs to be in its own {}, and you don't need to specify the default header options. Try this: $('table.sortable').tablesorter( { sortList: [[0,0], [0,0], [0,0]] }, { textExtraction: myTextExtraction}, { headers: { 2:{sorter:false} } } ); 来源：

I'm using the jQuery tablesorter plugin to allow users to sort tables of data on our site. I recently came across an area where multiple tables using the tablesorter were going to be displayed on the same page, I didn't have any troubles with this and the tablesorter plugin worked great. We had a request by a few users to be able to sort all tables at the same time, which is fine since the tables all have the same structure just different data in them. Here is an example for table 1: <table> <thead> <tr> <th>ID</th> <th>Name</th> <th>Age</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Bob</td>

I have a table with prices in this format: "1.234,56", (the thousands separator is a period, and the decimal separator is a comma). This format doesn't work because tablesorter plugin sees it as strings rather than as a number whenever there's a different character inside (only numbers, +/- and "." for decimals are allowed). How can I remove the periods and replace the commas with periods before sorting? Stefan T Ok, I think I solved it. My table has currency so I edited the 'currency' parser but you could basically do it with any other. Currency parser looks like this in the end: ts.addParser

I have a simple table that contains ID and Name (FirstName + LastName) fields. Above the table I have a dropdown list with Options ID, FirstName , LastName. Based on the selection of dropdown Table should sort. I dont know How to trigger tablesort sort function based the selection. Maybe this is what you wanted ( demo )? HTML <select> <option value="-">Choose a column</option> <option value="0">column 1c</option> <option value="1">column 2</option> <option value="2">column 3</option> <option value="3">column 4</option> </select> <table class="tablesorter"> <!-- stuff here --> </table> Script $