#tables

When people turn data into HTML tables using JavaScript, they either use the DOM methods (createElement() and the likes), but most of the time just append a huge string and use innerHTML, which always is a security concern. However, did you know that HTML tables also have an old, forgotten API ? Using this one, you can loop over tables, create bodies, rows, cells, heads, footers, captions an summaries (yes, HTML tables have all of those) and access the table cells. Without having to re-render the whole table on each change.

But as this handy infographic from San Francisco-based designer Alex Cornell explains, regardless of the number of chairs or shape of the table, with good timing and a bit of luck, you'll be able to reliably pick the best seat in the house:

┻━┻ ︵ヽ(`Д´)ﾉ︵ ┻━┻ ┬──┬ ﾉ(° _°ﾉ) (╯°Д°）╯︵/(.□ . )

"By simply adding 2 lines of code to your html page you will have styled and active tables that your visitors will love"