Y a-t-il un moyen rapide de traduire (en utilisant CSS ou JavaScript) une tablette TD dans TR, actuellement, j'ai: et je veux traduire en: p> A 1
B 2
C 3
D 4
4 Réponses :
Vous souhaitez activer HTML disposé comme ceci: dans ceci: p> correct? p> Vous pouvez le faire avec JavaScript, cependant, il est difficile de suggérer une méthode sans savoir en savoir plus sur la structure de vos fichiers Site / HTML. Je vais lui donner un aller. P> supposer que votre balise Vous pouvez créer une nouvelle table comme celle-ci: p> maintenant Vous devez transposer les anciennes lignes dans les nouvelles colonnes de tables: p> Ceci devrait faire ce dont vous avez besoin. ÊTRE ANNOIRE: non testé. Travailler ce code JavaScript dans un HTML La page est laissée comme un exercice pour le lecteur. Si quelqu'un dépasse des erreurs que j'ai manquées, je suis gratifié si vous les signalez ou simplement modifier pour corriger :) P> P>
et vous devriez ajouter Voici une fonction testée qui transposera une table et conservera tout formatage / événements que vous aviez accroché à tous les éléments de la table (c.-à-d .:Clicks sur la cellule ou le contenu de la cellule) SE Tant que vos tables n'ont pas de cellules couvées et n'utilisent pas THEAD / TH, devrait être bon à partir. P> p> Ceci est une solution, dans ce cas, c'était pour les mobiles et les tablettes, supprimez les requêtes du support et la thème position absolue et vous l'avez! basé sur ceci: p> Peut-être que quelqu'un en a besoin: j'ai converti de TR en TD par CSS (une table avec une colonne).
Appliquer de la deuxième ligne jusqu'à la fin de la table sur TR Le code ci-dessous:
code> est livrée avec un identifiant (comme celui-ci:
NewTable.Rows [C] .Cells [R] = MyTable.Rows [R] .Cells [C] .innerhtml; Code> doit être
NewTable.Rows [c] .Cells [R]. innerhtml = mytable.Rows [r] .Cells [c] .innerhtml; code>
document.body.appendchild (NewTable); code> à la fin, afin d'ajouter l'élément de table au DOM.
votes
votes
votes
<tr style="float:left; width:33.33%;">