Hi,

How it is possible to include a table on the description of a product, and be responsive at the same time?

I mean, I could add a table, but in the back end I can see it ok, but in the front end seems incomplete, some parts are cut out.

Any advise would be nice,

Gaby

Gaby Díaz
Online Business + Instagram Marketing+ Online courses...That's my passion!
www.gabydiaz.com

Hi Gaby, sure you can use tables, but tables are a bit old school, and will not be responsive. I suppose you could try to set them up to squeeze in and be somewhat responsive...
Have you used css to simulate tables?

Here is a good article - https://colintoh.com/blog/display-table-anti-hero

Another - https://css-tricks.com/complete-guide-table-element/

Personally, I like css flex and maybe it would work for what your doing (and it's responsive) https://css-tricks.com/snippets/css/a-guide-to-flexbox/

In any case, yes you can use tables, but perhaps your syntax is off a bit...

Thanks,
David

Hi David,

To tell you the truth, css is not my strength.
I do not know even where to put the code and how to design the table.

Those guides are for people that already know about css.

Thanks any way.

Could it be a solution to insert an image of the table? but how to insert it and make it responsive?

Regards,

Gaby

Gaby Díaz
Online Business + Instagram Marketing+ Online courses...That's my passion!
www.gabydiaz.com

Hi Gaby, let's start by looking at what you are trying to do.
What is it that you want to show in the product description that you need a table?

David

Hi David,

Sorry for the delay.
Let me show the web for the product, so you can see that the table is not showing well:

https://www.galaxylense.com/ANSI-Z87.1-Combat-Tactical-Military-Ballistic-Shooting-Sunglasses-With-3-Lenses-And-Hard-Case

I just copied and pasted the table for somewhere else. In back end looks fine, but not in front end.

Is there a way to do it?

Thanks in advance,

Gaby

Gaby Díaz
Online Business + Instagram Marketing+ Online courses...That's my passion!
www.gabydiaz.com

I see you are using Bootstrap 4. You should read up on the built in responsive tables. It will save a lot of time and cut down on the excessive CSS you have in-line in the tables now.
https://getbootstrap.com/docs/4.0/content/tables/ and https://www.w3schools.com/bootstrap4/bootstrap_tables.asp

Marshall
CENLYT Productions - ms designs
Affordable Web Design
Custom Ecommerce Designs
Responsive Websites
Cenlyt.com

Thanks Marshall,

I do not know what to do with that information as I know nothing about bootstrap. Maybe the owner of the site made somebody else doing this job and now he wants me to fix it. But I am good at designing but now so much about programming.
I don't know where to start.

Regards,

Gaby

Gaby Díaz
Online Business + Instagram Marketing+ Online courses...That's my passion!
www.gabydiaz.com

You can try replacing your tables with this. It will give you two columns, a border and the rows will be striped. I suggest using a test product if you have one to try it.


Marshall
CENLYT Productions - ms designs
Affordable Web Design
Custom Ecommerce Designs
Responsive Websites
Cenlyt.com

Hello Marshall,

and that table code would be responsive?

Gaby

Gaby Díaz
Online Business + Instagram Marketing+ Online courses...That's my passion!
www.gabydiaz.com

Suppose to be.

Marshall
CENLYT Productions - ms designs
Affordable Web Design
Custom Ecommerce Designs
Responsive Websites
Cenlyt.com

Ok! I will try to do it this week.
If everything goes well, good!

Thanks,

Gaby

Gaby Díaz
Online Business + Instagram Marketing+ Online courses...That's my passion!
www.gabydiaz.com