Veuillez regarder la démo que j'ai créée dans codepen :
http://codepen.io/leomao10/pen/tEuqC
J'ai essayé d'apposer l'en-tête du tableau et le nouvel en-tête de tableau créé par affix.js n'utilisera pas sa largeur d'origine.
Cela me dérange pendant une journée et je n'ai toujours pas la moindre idée.
cela parce qu'après position:fixed for thead, rowspan ne fonctionne pas pour TH.
définir une largeur fixe devrait aider (fonctionne en chrome):
$(".floating-header th").each(function() {
$(this).width($(this).width());
});
Ouais, l'en-tête a l'air bien maintenant :)
Cela n'a pas fonctionné parfaitement car les colonnes de tbody changeront de largeur lorsque affix.js masquera l'en-tête d'origine.
Mais j'ai une idée de comment y remédier.
@genbit , merci pour votre aide
Lorsque vous positionnez quelque chose, vous devez spécifier une largeur. Nous ne prendrons pas en charge la correction des en-têtes de tableau pour le moment.