En-tête de tableau en diagonale

Bonjour je suis actuellement en stage,
Je cherche un moyen de mettre en forme mon tableau pour que l'en-tête d'un de mes tableaux ce mettent en diagonale et qu'elle puisse suivre le déplacement fait sur mon tableau.
J'avais essayer avec transform rotate mais une distance entre les différentes en-tête se forme et elle ne se place pas au dessus des colonnes. Je ne sais pas si c'est possible en css mais je suis prés a tous tester pour y arriver.

Je vous met ici mon code

.tete//le tr des en-tête du tableau
{	
	position: fixed;
	top:150px;
	left: 10px;
	z-index: 2;
	max-width: 5px;
}

th
{
	-moz-transform: rotate(-60deg);
}

Merci d'avance pour l'aide que vous pourrez me fournir.

Bonjour,

Peut-on avoir un aperçu graphique de ce que tu cherches à faire?
J'ai bien peur que ça soit pas des masses possible, sauf à fabriquer un en-tête ad hoc en SVG en passant peut-être par des calculs en JavaScript...

Bonsoir,

Et en couplant avec transform-origin:xx xx; pour detreminer l'axe de transformation.

++