Application Bootstrap “table-ssortingped” après la création dynamic de lignes

J’essaie de m’assurer que le table-ssortingpped CSS dépourvu de table-ssortingpped Twitter Bootstrap est appliqué à une table dont les lignes sont ajoutées de manière dynamic au moment de l’exécution. Pour une raison quelconque, que j’essaie d’aller au fond des choses, je ne parviens pas à faire fonctionner ce style particulier de manière à ce que mes nouvelles lignes aient un style dépouillé.

Donc, si j’ai ce HTML avec table-ssortingpped inclus:

 
Heading A Heading B Heading C

Ensuite, je lance ce code JavaScript:

 for (var i = 0; i  tbody:last').before('' + i +'bc'); } 

Je vais avoir mes 5 nouvelles lignes mais elles n’auront pas le style table-ssortingpped .

Même si j’ajoute la classe manuellement après avoir créé cela, cela ne fait aucune différence.

 $('#table2').addClass('table-hover'); 

J’ai créé un exemple jsFiddle pour que vous puissiez voir ce qui se passe.

Vous devriez utiliser append to tbody au lieu d’ avant . Dans l’état actuel des choses, les lignes sont ajoutées en dehors de tbody .

Changer juste cette ligne:

 $('#table2 > tbody:last').append('' + i +'bc'); 

Semble faire fonctionner votre jsFiddle.

Passez à .append() en

et

également votre fermeture manquante .

Démo

 $('#table2 > tbody').append('' + i +'bc'); 

En utilisant .before() vous avez inséré les lignes avant le tbody, ce qui a empêché l’application du style car le style Bootstrap cible les lignes qui sont des enfants du tbody.