How to Create a Styled Table with Web Components — JavaScript Tutorial

In today's video, we'll be creating a styled HTML table but make it reusable in the form of a web component. You can then use JavaScript to easily update the table data as you require.

If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!

#dcode #javascript #webdevelopment

[cliftonbartholomew-buck]

This baffled me for a long time.... you explained it so simply and logically. Thank you for making this content.

[TheSprgz]

Great content as always; short, sharp and informative. I like how you don't dwell too long on details that are simply adjacent to the main point (like you didn't dwell on the CSS here, which wasn't the point of the video).

[douglascounts]

Wow, you have been on a roll lately with some great informative work!

[lewiswill]

Hi Dom, this video very helpful. Thank you!

[kerrykreiter]

Wow, mind blown! Great content Dom! I seem to be saying that a lot. Who needs a front-end framework? It’s really amazing what can be done using web components and a little imagination. Thank you for the inspiration!!

[JeanBotan]

It is good video! Thank you!
It would be very interesting to know how to output data depending on the selected columns and their order in the "data-headers" attribute.

[nanakojoatta-benyah]

Your videos are soo awesome. Why don't you try combining everything you've thought us into one big project. That would be nice

[johnlabuci]

hello dom.. if i want to make the component center, i need to apply margin to the :host?

[softwarelivre]

Hey Dom! Can you show how to stream data on "infinite scroll" for big tables? Thanks!

[rayyanabdulwajid]

Will this native component feature replace react?

[sanketgawande]

Hey man, content is great 🎉

I'm following you since long time, more than 1 and half years.
This channel is absolutely great for beginners learning web development, some complex topics in kinda vanilla things
I'm wondering why you didn't still posted anything on React or NextJs, there are so many things going around Javascript ecosystems?

[blokche_dev]

Web components are great for progressive enhancement.
If javascript doesn't load, you still have basic html.
They're not so easy to render on the server for now unfortunately.

[notyoursurya]

More of these web components videos, please 🥹🍻

Good alternative of her good mornings🥲