encore une fois div vs tables

Dans mon projet, j'ai rencontré une situation où nous devons créer une table (extensible).
J'ai implémenté en utilisant divs et span.
mon aîné demande ti mettre en œuvre à l'aide de td, tr
encore une fois div vs tables

<div class="header"><div class="colLabel" style="width: 24%;">continent</div><div class="colLabel" style="width: 24%;">country</div><div class="colLabel" style="width: 24%;">population</div><div class="colLabel" style="width: 24%;">gdp</div></div>

ma mise en œuvre est http://jsfiddle.net/agasthyanavaneeth/eLf5K/6/embedded/result/
s'il vous plaît aidez-moi
merci :)

Source

2012-09-12 Navaneeth

Comment pouvons-nous aider? Il ressemble à une table, il devrait probablement être fait comme une table ... –

Vous ne savez pas ce que vous demandez ici. – Fred

@Fred: Je demande à propos de la préférence générale de l'implémentation de ce type de composant (vérifiez le lien JSFiddle que j'ai fourni). – Navaneeth

Oui, utilisez un tableau pour les données tabulaires plutôt qu'un fichier générique <div>.Vous pouvez également utiliser les nouvelles HTML5 tags: <details> et <summary>

faire quelque chose comme ce qui suit:

<details> 
    <summary>Continent name</summary> 
    <p>Country, population and gdp content here</p> 
</details>

http://html5doctor.com/the-details-and-summary-elements/

Source

2012-09-12 15:28:03

Vous par exemple me semble que l'application idéale pour un élément <table>. C'est une donnée tabulaire. Pour voir où je veux en venir, éteignez CSS et scripts, puis regardez votre page:

continent pays population pib Asie + 26826

india1004

china13020

pakisthan201

bangladesh181 Europe + 1152

UK215

France416

Germany521

Il est pas très clair, est-il? Maintenant, le présenter comme <table>:

continent | country | population | gdp 
----------------------------------------- 
asia  | india  | 100  | 4 
      | china  | 130  | 20 
      | pakistan | 20   | 1 
      | bangladesh | 18   | 1 
----------------------------------------- 
europe | UK   | 2   | 15 
      | france  | 1   | 16 
      | germany | 2   | 21

Les données beaucoup plus logique, et vous pouvez superposer les fonctionnalités supplémentaires sur le dessus en utilisant CSS et javascript. Beaucoup mieux.

Source

2012-09-12 12:43:43

Un sw a plus de nombre de hiérarchies, ne nécessite-t-il pas plus de tds ?? et nous pouvons avoir besoin de plus d'appels de hide() fonction ?? – Navaneeth

Vous pouvez utiliser les éléments '' pour décomposer une table en sections (est-ce cela que vous entendez par hiérarchies?). '' éléments (au lieu de 'td') pour marquer une cellule comme un en-tête. Vous pouvez utiliser un script pour afficher/masquer tout un ensemble de 'tr'' tbody', 'tr' ou toute une collection d'éléments' tr' (il suffirait d'appeler 'hide()' une fois si le sélecteur est correct). De plus, un '' ou '' peut s'étendre sur plusieurs lignes et colonnes (attributs rowspan' et 'colspan') si nécessaire. –

Bien que vous ayez peut-être entendu parler de tableaux à utiliser sur un site Web ... cela signifie simplement que vous ne devriez pas les utiliser pour créer une mise en page pour votre page.

Si vous devez afficher des données ou utiliser un raster d'une façon ou d'une autre, la plupart du temps, une table est la meilleure. Si vous voulez construire une page, utilisez div.

Si vous avez une question plus spécifique, n'hésitez pas à demander! Ps: Je pense que votre professeur a raison, d'après ce que je peux voir. Vous souhaitez afficher les données dans une page raster/semblable à une table. il suffit d'utiliser des tables, c'est pour cela.

Source

2012-09-12 13:45:33 WhoKnows

encore une fois div vs tables

Répondre

Questions connexes