Tablesorter plugin not sorting input data

I have built numerous table that all work perfectly except when i have data that is editable by user ( using input type=“text” i am unable to use tablesorter to sort the columns that are editable. i have called table sorter
theme: ‘blue’,

 widgets: ['resizable', 'stickyHeaders'],
widgetOptions : {
  // css class name applied to the sticky header
  resizable : true,


then i use ajax to fill the table and the table displays correctly but i am only able to sort by the first column that is not editable.
$("#ViewList").click(function() {
$("#GuideMain tbody tr").remove();

		type: "POST",
		url: "ViewGMData.php",
		dataType: "json"
		success: function(data){
			if (data.message) {
				alert ("You Must Pick a Filter");
			$("#GuideMain").append('<tr><td>No Records Found</td></tr>');
			//append general data
			for(var x=0;x<data.ID.length;x++)

‘<input type=“text12” id=“tableISBN” value="’+data.ISBN[x]+


to fix this i had to add this code

id: 'inputs',
is: function(s) {
    return false;
format: function(s, table, cell, cellIndex) {
    var $c = $(cell);
    if (!$c.hasClass('updateInput')) {
        .bind('keyup', function() {
            $(table).trigger('updateCell', [cell, false]); // false to prevent resort
    return $c.find('input').val();
type: 'text'});

and then make sure it is done for each type of input, textarea,checkbox

Sponsor our Newsletter | Privacy Policy | Terms of Service