How to Create Mobile Responsive Table on WordPress Without Plugins 

From this video I'm learning, if I learn css and html. I can customize my website to my likes.

Or like this it worked fine for me: @media (max-width: 767px) { table { overflow-x: auto; display: block; } th, td { min-width: 100px; font-size: 12px; /* Adjust the font size as needed */ } }

very misleading i thought you were going to select from the db not type in values

So the way to make a Gutenberg page responsive is to know how to edit HTML and CSS... that's why Gutenberg is not there yet. Elementor is WAAAAAAAAY easier than Gutenberg.

I'm using the Genesis framework with the Genesis One-Pager child. Building a table by hand-code and following your video. When I get to put the data headings in in html, Gutenberg spits its dummy out and wants to 'attempt a block recovery'. Shame because it was looking good until then.

Really helpful. My theme had the option for a table that converts the row into a column but it was not a good option for a comparison post where you want readers to see each row side-by-side with a column. Thanks

One of the best video ❤ Like + Subscribe Done Thank You (Watching it from Pakistan 🇵🇰) Wasted so much time in useless videos but your video worth it. Again Thanks a lot ❣️

thanks man!

Jack before hitting publishing if i see preview option of using mobile or simple click inspect and click mobile. Responsiveness is different. And when i publish and hit mobile via customize option (theme) mobile preview or "inspect "of publishing content page then click mobile In both case responsiveness is showing different. In first case mobile responsiveness is showing poor. After publishing mobile responsiveness is showing correct. What should i choose to check?

Thank you for helping me. Awesome video.

Need Help

what if I make more than one table in my blog. doesn't the css code of the previous table crash with the newly created table css code?

Thanks for explaining in a simple way.👍

What if I want to have the table scroll horizontal on mobile? It only works if I mess with the html code but if I do that then it breaks the table block to a html block

I want to display a table with data that visitors will post. Any idea for the simplest method?

Your content rocks, man! Cheers!

Thank you! Is there a guide to keep the structure of the table and put the columns underneath each other in the mobile version?

I WANT TO MAKE TABLE RESPONSIVE BUT I CAN'T COULD YOU PLEASE HELP ME

hi any suggestion how to create collapse table row in wordpress? TIA

Thank you for helping me. Awesome video.

Thank you you are a hero!