Décalage de l'en-tête de table lors de la recharge à l'aide de jQuery (IE6)

Question

J'ai une table composée d'éléments de tête et de corps. J'ai javascript qui effectue un rappel au serveur pour filtrer cette table. En retour, ce code supprime le html de l'élément parent de la table avant d'insérer la nouvelle table html.

Tout cela fonctionne très bien, sauf (bien sûr) sur IE6. Lorsque je fais cela sur IE6, la ligne d'en-tête de table se décale vers la gauche (de sorte qu'elle n'est plus alignée avec le reste de la table), jusqu'à ce que vous la souris sur le corps de la table ...

Quelqu'un at-il une idée de ce qui pourrait se passer? Ah, après quelques recherches dans le CSS, j'ai remarqué que les éléments th avaient reçu une position: relative. Enlever cela semble résoudre le problème.

Answer 1

Avez-vous essayé d'inspecter l'élément avec Firebug ou l'inspecteur de Chrome? Il semble qu'il y ait un problème de marge ou de remplissage avec votre CSS.

Vous pouvez également imbriquer l'élément dans des tags supplémentaires lors du rechargement.

Juste quelques idées pendant que nous attendons le code.