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 ❣️
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.
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?
Always refer to the live site (or the preview page), and resize your browser to the smallest width (this represents the mobile view). Never trust the view from the WordPress editor.
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
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.
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 */ } }
![How To Make A Website | Step By Step [2025]](http://i.ytimg.com/vi/prLv5uwUtuY/mqdefault.jpg)
From this video I'm learning, if I learn css and html. I can customize my website to my likes.
Your content rocks, man! Cheers!
Thank you! Glad you like them! 🙏
Thanks for explaining in a simple way.👍
Thank you for helping me. Awesome video.
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
Thank you you are a hero!
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 ❣️
Thank you! Is there a guide to keep the structure of the table and put the columns underneath each other in the mobile version?
thanks man!
Hi, how could I put a search bar or filter in top of the table?😊
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.
hi any suggestion how to create collapse table row in wordpress? TIA
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?
Always refer to the live site (or the preview page), and resize your browser to the smallest width (this represents the mobile view). Never trust the view from the WordPress editor.
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?
I want to display a table with data that visitors will post.
Any idea for the simplest method?
What if I don't want any wrapping on a specific column?
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
The table block from the WordPress editor is scrollable horizontally on mobile by default.
@@JackCao not really it stacks
Maybe my theme is just messing with the code. But I don't want to change the theme so I guess I'm stuck
Wp tablet builder plugin...
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.
Lol! This is just for tables. Try making this mobile responsive table on Elementor. Bet you can't too. Lol!
@@JackCao where are the options for making blocks responisive? Can you please help? thanks
I WANT TO MAKE TABLE RESPONSIVE BUT I CAN'T COULD YOU PLEASE HELP ME
very misleading i thought you were going to select from the db not type in values
Need Help
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 */
}
}
Thank you for helping me. Awesome video.