[Résolu] Scrolling sur le tbody du script jquery "tablesorter&

Bonjour,


J'espère que vous passez de chouettes fêtes !

J'ai un souci avec le plugin "tablesorter".
J'ai un tableau très rempli de lignes de tableau.
Pour faciliter la lecture, je souhaite utiliser un scrolling sur le "tbody" du tableau,
de sorte sue le "thead" reste fixe...

Mais voilà comment faire ?
J'ai beaucoup lu sur google, mais aucune solution ne résout mon problème !

Avez-vous une piste ? une idée ?

J'ai pourtant essayé ceci :

<script>
    $(function() {
	$('table').tablesorter({
		widgets        : ['zebra', 'columns'],
		usNumberFormat : false,
		sortReset      : true,
		sortRestart    : true,
	});
	$(document).ready(function() {
		var header = $('table.tablesorter thead');
		header.css({'position':'absolute', 'margin-top':'-26px'});
		header.each(function(){
			var tbody = $(this).closest('table').find('tbody');
			var firstRow = tbody.find('tr').first();
			var th = $(this).find('th');
			th.each(function(i){
				var borderWidth = 2;
				var td = $(firstRow.find('td')[i]);
				var w = td.css('width').replace('px', '');
				w = parseInt(w)- borderWidth;
				$(this).css({'width': w+'px'});
			});
		})
	});
    });
</script>

Et aussi, ceci (Ne fonctionne pas sur IE7+ !!!)

thead, tbody {
    display: block;
}

[/i]
Modifié par jytest (26 Dec 2012 - 18:43)

Face à l'absence d'infos sur internet
relatives à ce jquery,
je viens de changer de script !