In this video we'll see what solutions we have when it comes to making tailwindcss responsive tables look good on mobile devices. Code snippets: tallpad.com/series/tailwindcs...
Пікірлер: 42
@oketafred2 жыл бұрын
Your content is the best 👏👏👏👏. You deserve a million likes and subscribers 👏👏👏👏
@Ca3yMiX2 жыл бұрын
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 🙌
@cdruc2 жыл бұрын
Yup! Forgot there is a tailwind variant for almost everything 🤣. I might do a video on those just to catch up
@Ca3yMiX2 жыл бұрын
@@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! 👊
@barraganroberto2 жыл бұрын
This is crazy great! Thank you so much!! 👏
@nicolasportu10 ай бұрын
Outstanding! Best of its kind 😃
@CollinsKreation2 жыл бұрын
This is sick... I love it...thanks
@binodsharma112 Жыл бұрын
Thanks .. I was using table wrong in.. its so much helpful.
@themarksmith2 жыл бұрын
Loving the videos on tailwind... Not into PHP (sorry) but your CSS, JS, etc. stuff is great - thank you!
@cdruc2 жыл бұрын
If it wasn't for Laravel, I probably wouldn't be into php as well, so that's ok 😂 Glad you enjoy the others!
@aguswidi9316 Жыл бұрын
I'm lucky to found gems video. Awesome toturial. And thank's
@JokerBench Жыл бұрын
Awesome video! I hope you can make a tutorial for the pagination as well
@neilgilroy16292 жыл бұрын
Great video!
@kohelet9102 жыл бұрын
Nice job !
@Doowi92 Жыл бұрын
Very helpfull tutorial and well explained it helps me alot, you have earn 1 more sub
@marcelosantoscorrea2 жыл бұрын
Very very good!!!
@heyjitendra Жыл бұрын
now this is awesome
@shaikotikbalhridoy20399 ай бұрын
Awesome bro, i like it ❤
@paschanchik Жыл бұрын
Реально красиво получилось. Спасибо
@GammaWraith2 жыл бұрын
Really nice, should definitely add some sticky headers then it will be golden
@yagovelazquez9140 Жыл бұрын
good stuff bro
@namikazedevj462 жыл бұрын
this is so underrated
@Curdledx Жыл бұрын
very good video - even understandable for me as a backend / database guy :)
@cdruc Жыл бұрын
Glad you find it useful!
@elfreddy5 Жыл бұрын
great video, I was able to use the idea in my project. Datatables and mobiles are not visually compatible at all.
@kimbapslayer1995 Жыл бұрын
Clean clean
@jasonb2020202 жыл бұрын
nice
@arellanojv12 жыл бұрын
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?
@cdruc2 жыл бұрын
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.
@gotoslovakia2 жыл бұрын
Great! Thank you!
@gotoslovakia2 жыл бұрын
Also I discovered your website - a lot of useful information, I'll start using it tomorrow.
@cdruc2 жыл бұрын
Thanks! I hope you’ll find it helpful 👊
@asselita2463 Жыл бұрын
How can i prevent my table from stretching? because now horizontal scrollbar appeared, PLEASE HELP ME 🙏🙏🙏🙏
@maxwellmuhanda794011 ай бұрын
damn i cant explain how mucn i have learn in such a s small time
@clipocasGames2 жыл бұрын
code please
@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
@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.
@hemrastyl676510 ай бұрын
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.
@whintersby4 ай бұрын
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.