jquery - Add an extra heading at the top of table that spans all columns but still allows the table to be sorted on the second row of headings -

i'm stumped again. have tried (all day yesterday) no avail.

i want add heading @ top of this table spans columns still allows table sorted on second row of headings

the easiest solution disable sort of spanned column because original tablesorter has issues sorting columns below it.

$('table').tablesorter({     headers: {         0: { sorter: false } // disable first column     } }); 

alternatively, try out fork of tablesorter. this demo shows can use spanned header sort of columns below it.