Actual table Vs. Div table

by

It is semantically incorrect to simulate data tables with divs and in general irrelevant to performance as rendering is instant. The bottle neck comes from JavaScript or extremely long pages with a lot of nested elements which usually in the old days is 100 nested tables for creating layouts.

Use tables for what they are meant to and div’s for what they are meant to. The display table-row and cell properties are to utilize div layouts more then creating tables for data representations. Look at them as a layout columns and rows same as those you can find in a newspaper or a magazine.

Performance wise you have couple of more bytes with the div example, lol 🙂

More Related Contents:

  1. how to rotate text left 90 degree and cell size is adjusted according to text in html
  2. Is it acceptable to use tables for forms? Or is it still more correct to use divs?
  3. Set cellpadding and cellspacing in CSS?
  4. How to align a to the middle (horizontally/width) of the page [duplicate]
  5. Word-wrap in an HTML table
  6. How to deal with page breaks when printing a large HTML table
  7. Make a div fill the height of the remaining screen space
  8. Select elements by attribute in CSS
  9. How to prevent long words from breaking my div?
  10. How do I force a DIV block to extend to the bottom of a page even if it has no content?
  11. How can I set the max-width of a table cell using percentages?
  12. Align two inline-blocks left and right on same line
  13. using text-align center in colgroup
  14. Is it valid to have paragraph elements inside of a heading tag in HTML5 (P inside H1)?
  15. bootstrap 3 responsive table with fixed first column
  16. blur of part of Background image with css
  17. Adjacent divs with angled borders? [duplicate]
  18. overflow:scroll; in
  19. Two Divs next to each other, that then stack with responsive change
  20. Make HTML5 video poster be same size as video itself
  21. How to align a div to the top of its parent but keeping its inline-block behaviour?
  22. Table column sizing
  23. Table overflowing outside of div
  24. The border-radius property and border-collapse:collapse don’t mix. How can I use border-radius to create a collapsed table with rounded corners?
  25. How to push a footer to the bottom of page when content is short or missing?
  26. Spacing between thead and tbody
  27. CSS: display:block; vs display:table;
  28. Can I replace the expand icon (â–¶) of the element?
  29. CSS Floating Divs with different height are aligned with space between them
  30. Horizontal scroll in DIV with many small DIV’s inside (no text)

Leave a Comment