Logging Pretty-Printing Tabular Data to the Console

Share this video with your friends

Send Tweet

Learn how to use console.table to render arrays and objects in a tabular format for easy scanning over the values. We'll create some mock data and then render it to the log in various ways to explore console.table's API.

Hunter
Hunter
~ 9 years ago

Very nice course; It looks like console.table is probably built using console.log("%csomething", magic css here); It would be wonderful to get a breakdown of how that's written, or if magic can be made to happen via the console.log css stuff, a demonstration would be cool.

Ferenc
Ferenc
~ 9 years ago

Another quick tip: i use a wrapper function log() which JSON.stringifies the output so it gives a prettyfied version that shows the structure at first glance

Raphi
Raphi
~ 9 years ago

This was a really nice mini course

Eric
Eric
~ 9 years ago

Love it. I can't believe I didn't know this was a thing.

Jonathan
Jonathan
~ 9 years ago

Great course. I was really hoping, though, for a video on 'console.dir', which is sometimes handy for dissecting thrown Errors. I wonder what else it can be used for.

Angelo
Angelo
~ 9 years ago

Very useful way to show data. I think it's important to remember that this method is not yet standard and not available in all major browsers. Use Chrome to enjoy it.

Thank you for useful lessons at all. Any plans to talk about strategies to manage console in production environment?

James Coury
James Coury
~ 8 years ago

Thanks for the course! :)

Mike
Mike
~ 8 years ago

Really nice course. I enjoyed all the simple to understand examples.

DATA_DEER
DATA_DEER
~ 8 years ago

##love it!

Matt
Matt
~ 8 years ago

This whole course was dope!

Chris Lamb
Chris Lamb
~ 7 years ago

Amazing course.

Victor Hazbun
Victor Hazbun
~ 7 years ago

I love quick courses like this one!

HuanCheng Bai
HuanCheng Bai
~ 6 years ago

Wow. love the console.table!!!

Laureline Paris
Laureline Paris
~ 4 years ago

Hi there, Thanks for sharing & tips :) However it is unfortunate to not cover console.dir or console.dirxml in this advanced Advanced Logging with the JavaScript Console course though.