How to display HTML table with angularJS?

Tables: What are the pros and cons of the CSS display:table family versus plain old HTML <table>?

  • The consensus used to be that HTML tables should be used for displaying tabular data, but never used for layout. What then is the use-case for the display:table* properties? How do people use them in the real world? What advantages do they have over <table>? Should display:table* be used for positioning layout?

  • Answer:

    InĀ  my experience, using display: table helps some browsers with their box model. For example, if you want to vertically align a link in a box, you can set the container to display: table and the link box to display: table-cell and then apply the vertical-align: middle property to it.

Ian Roberts at Quora Visit the source

Was this solution helpful to you?

Other answers

That consensus is still valid. But if you are presenting tabular data there is no reason why you can't use TABLE/TR/TD markup as before, with CSS properties for appearance. These elements have appropriate display styles by default. This also gives you ideal "graceful degradation" behaviour and will work on non-CSS or older browsers (including, say, Lynx).

Toby Thain

Related Q & A:

Just Added Q & A:

Find solution

For every problem there is a solution! Proved by Solucija.

  • Got an issue and looking for advice?

  • Ask Solucija to search every corner of the Web for help.

  • Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.