TailwindCSS responsive tables on mobile screens

[@Ca3yMiX]

in a real case we would have dynamic table data, so instead of styling each tr individuality you can use more in the doc, thanks for the video 🙌

[@cdruc]

Yup! Forgot there is a tailwind variant for almost everything 🤣. I might do a video on those just to catch up

[@Ca3yMiX]

@@cdruc 😅 btw i came from react .. but tailwind used in jsx part so i can follow .. thanks for the video 🙌

[@RandomMusicD]

Dude, I was really lost using tables with Django and Tailwind, this saved me, so thaaanks,

[@cdruc]

Glad you find it helpful! 👊

[@oketafred]

Your content is the best 👏👏👏👏. You deserve a million likes and subscribers 👏👏👏👏

[@themarksmith]

Loving the videos on tailwind... Not into PHP (sorry) but your CSS, JS, etc. stuff is great - thank you!

[@cdruc]

If it wasn't for Laravel, I probably wouldn't be into php as well, so that's ok 😂 Glad you enjoy the others!

[@binodsharma112]

Thanks .. I was using table wrong in.. its so much helpful.

[@elfreddy5]

great video, I was able to use the idea in my project. Datatables and mobiles are not visually compatible at all.

[@JokerBench]

Awesome video! I hope you can make a tutorial for the pagination as well

[@GammaWraith]

Really nice, should definitely add some sticky headers then it will be golden

[@CollinsKreation]

This is sick... I love it...thanks

[@janiodrey]

very helpful. thank you

[@DevenSitapara]

Wow, found what i was searching , please Create sorting and paginatiin

[@asselita2463]

How can i prevent my table from stretching? because now horizontal scrollbar appeared, PLEASE HELP ME 🙏🙏🙏🙏

[@aguswidi9316]

I'm lucky to found gems video. Awesome toturial. And thank's

[@nicolasportu]

Outstanding! Best of its kind 😃

[@arellanojv1]

for option number 2. in production are you going to render the data at the same time as the table or you will make a trigger if it hits a specific media query?

[@cdruc]

Correct! Here: kzbin.info/www/bejne/iWWwmYRspcqkbqM On line 5 I'm hiding the table on screens less than 768px in width using hidden md:block, and on line 59 I'm showing the grid&cards but only until I reach 768px - from here on the table will be visible.

[@namikazedevj46]

this is so underrated

[@barraganroberto]

This is crazy great! Thank you so much!! 👏

[@neilgilroy1629]

Great video!

[@Curdledx]

very good video - even understandable for me as a backend / database guy :)

[@cdruc]

Glad you find it useful!

[@Doowi92]

Very helpfull tutorial and well explained it helps me alot, you have earn 1 more sub

[@jitxhere]

now this is awesome

[@shaikotikbalhridoy2039]

Awesome bro, i like it ❤

[@kohelet910]

Nice job !

[@gotoslovakia]

Great! Thank you!

[@gotoslovakia]

Also I discovered your website - a lot of useful information, I'll start using it tomorrow.

[@cdruc]

Thanks! I hope you’ll find it helpful 👊

[@marcelosantoscorrea]

Very very good!!!

[@yagovelazquez9140]

good stuff bro

[@theophiluseniayewu6270]

Thsnk you❤

[@clipocasGames]

code please

[@paschanchik]

Реально красиво получилось. Спасибо

[@kimbapslayer1995]

Clean clean

[@maxwellmuhanda7940]

damn i cant explain how mucn i have learn in such a s small time

[@programacion5536]

I think they could be accessibility issues if you use a grid div instead of a the table element. The first approach is the best, imo

[@jasonb202020]

nice

[@NekoJinFel]

I’m still trying to understand what advantage tail wind has for developers who already know CSS. It would be even cleaner to write CSS inside dedicated file and not have to clutter the HTML.

[@hemrastyl6765]

In Software development, we want to get money as fast as we possibly can unless you have other goals, and how do we achieve that? By being productive and saving time. That's where Tailwind comes in.

[@whintersby]

I agree with @NekoJinFel. This looks like someone puked up CSS classes all over the page. This is worse than old school Div-itis.

[@nithinrajendran3091]

How to deal with table in mobile devices? Hide it. Awesome content though.