<table class="tablesorter">
		<thead>
		<tr>
			<td></td><td>Echéance</td><td>Client</td><td>Titre</td><td>Sous-Titre</td><td>Status</td><td>Créateur</td><td></td>
		</tr>
		</thead>
		<tbody>
<?php
	for($i=0;$i<count($tasks);$i++) {
		$task = unserialize($tasks[$i]);
		echo $taskPrinter->printTdLineVisu($task);
	}
	
	if(count($tasks) == 0) {
?>
		<td rowspan="6">Aucune tâche assignée.</td>
<?php		
	}
?>
		</tbody>
	</table>

<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="js/jquery.tablesorter.js"></script>

<script type="text/javascript">
		$(document).ready(function() { 
        		$("table").tablesorter({ 
        		// sort on the first column and third column, order asc 
        		sortList: [[0,0],[2,0]] 
   				});	 
		});
		</script>

$('#form-search').submit(function() {
		$("#resultsearch").empty(); // On vide la partie réservé au resultat
	
		var searchmedium = $('#ssupport').val();
		var searchsource = $('#ssource').attr('value');
		var searchterm = $('#sterm').attr('value');
		var searchcontent = $('#scontent').attr('value');
		var searchcampaign = $('#scampaign').attr('value');
		var dateinf = $('#dateinf').val();	// Date de diffusion
		var datesup = $('#datesup').val();	// Date de diffusion
		
		var request = $.ajax({
			url: "tracktosearch.php",
			type: "GET",
			data: {
				ssupport: searchmedium,
				ssource: searchsource,
				sterm: searchterm,
				scontent : searchcontent,
				scampaign : searchcampaign,
				dateinf : dateinf,
				datesup : datesup
			},
			success: function(html){
				$("#resultsearch").append(html); // On affiche le resultat de la recherche
			}
		});
		var dataurl = "tracktosearch.php?ssupport="+searchmedium+"&ssource="+searchsource+"&sterm="+searchterm+"&scontent="+searchcontent+"&scampaign="+searchcampaign;
		window.history.pushState("url", "recherche", dataurl);	// On passe les données en paramètres dans l'url

		return false;	// Pas de rechargement de page
	});

// MISE EN PLACE DU TABLEAU
//echo "<div id='resultsearch'>";
echo "<table id='tableurl' class='tablesorter'>";
echo	"<thead>";
echo		"<tr>";
echo			"<th>Date de diffusion</th>";
echo			"<th>URL complète</th>";
echo			"<th>Medium</th>";
echo			"<th>Source</th>";
echo			"<th>Term</th>";
echo			"<th>Content</th>";
echo			"<th>Campaign</th>";
echo			"<th>Rayon</th>";
echo			"<th>Fiche article</th>";
echo		"</tr>";
echo	"</thead>";
echo	"<tbody>";

					
// Affichage de la recherche
while($row = mysql_fetch_array($search)){											
	echo "<tr>";
	echo "<td>";
	echo $row['datediffusion'];
	echo "</td>";
	echo "<td>".$row['url']."</td>";
	echo "<td>".$row['medium']."</td>";
	echo "<td>".$row['source']."</td>";
	echo "<td>".$row['term']."</td>";
	echo "<td>".$row['content']."</td>";
	echo "<td>".$row['campaign']."</td>";
	echo "<td>".$row['rayon']."</td>";
	echo "<td>".$row['numfiche']."</td>";
	echo "</tr>";
}
echo "</tbody>";
echo "</table>";
//echo "</div>";

<link type="text/css" href="css/tablesorter.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="js/jquery.tablesorter.js"></script>
$(document).ready(function(){
     // TableSorter
     $("#tableurl").tablesorter();
});

<div id="resultsearch"></div>