2009-11-23 3 views
0

J'ai une table, maintenant en charge je cache quelques dernières rangées.Maintenant sur un clic d'une envergure, il va se développer (dernières lignes) et s'effondrer.J'utilise Slidetoggle(), et son fonctionnement bien dans IE, mais le problème est sa rupture dans FF, d'abord quelques lignes se brisent dans FF.how pour résoudre ce problème? Toute suggestion? EDIT:table se brise -jQuery

$("tr").slice(index).slideToggle('slow')//this works fine in IE but in FF, the first few rows became right-aligned, thus breaking the table layout, this can be fixed using dispaly:""..something like 
$("tr").slice(index).css("dispaly","").. 

mais je me sers slideToggle(). donc face à la question EDIT: HTML:

enter code here <div> 
<table> 
    <tr> 
     <td> 
      td1 
     </td> 
     <td> 
      td11 
     </td> 
     <td> 
      td111 
     </td> 
    </tr> 
    <tr> 
     <td> 
      td2 
     </td> 
     <td> 
      td22 
     </td> 
     <td> 
      td222 
     </td> 
    </tr> 
    <tr> 
     <td> 
      td3 
     </td> 
     <td> 
      td33 
     </td> 
     <td> 
      td333 
     </td> 
    </tr> 
     <tr> 
     <td> 
      td3 
     </td> 
     <td> 
      td33 
     </td> 
     <td> 
      td333 
     </td> 
    </tr> 
     <tr> 
     <td> 
      td3 
     </td> 
     <td> 
      td33 
     </td> 
     <td> 
      td333 
     </td> 
    </tr> 
     <tr> 
     <td> 
      td3 
     </td> 
     <td> 
      td33 
     </td> 
     <td> 
      td333 
     </td> 
    </tr> 
     <tr> 
     <td> 
      td3 
     </td> 
     <td> 
      td33 
     </td> 
     <td> 
      td333 
     </td> 
    </tr> 
     <tr> 
     <td> 
      td3 
     </td> 
     <td> 
      td33 
     </td> 
     <td> 
      td333 
     </td> 
    </tr> <tr> 
     <td> 
      td3 
     </td> 
     <td> 
      td33 
     </td> 
     <td> 
      td333 
     </td> 
    </tr> 
</table> 

+1

Poster une bien, définissez la rupture. – kgiannakakis

+1

Si vous pouvez fournir le code HTML avec lequel vous avez essayé de travailler, cela améliorera les chances d'obtenir une réponse spécifique. – micahwittman

+0

La disposition basée sur la table est sooooo il y a dix ans. http://davespicks.com/essays/notables.html – outis

Répondre

2

Fournir la table HTML en plus du javascript dans la question précise de plus, mais le problème peut être lié à un Firefox colspan quirk.

Donc, un travail est d'envelopper dynamiquement autour de chaque innerHTML de chaque TD avec un DIV comme indiqué ici:
jQuery slideToggle doesn't work with colspan in Firefox?

Vous pouvez également expérimenter avec re-réglage de la colspan:
td colspan does not work while using jquery show/hide()

+0

Maintenant que je rafraîchis la page - boom: la table HTML. :) – micahwittman

+0

Humm, je pense que c'est le moyen.Merci pour le lien :-) – Wondering

+0

heureux d'aider :) – micahwittman

Questions connexes