We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Table addon

Featured Lock Resolved Issue
how can I set each column width in custom mode in Table addon?

9 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
from Options not, probably you have to use custom CSS to make this customization.

It's still table based on simple HTML structure.

ArturG

More than a month ago #Permalink
Good afternoon, Pavel!
Please show examples of how this can be done.
For example I need to the third column borrowed 40 % width the entire tables

Attachments (1)

  • 2019-12-12_20-56-27.png
    2019-12-12_20-56-27.png 47.8 KB

Paul Frankowski - Staff

More than a month ago #Permalink
3rd column must be wider, right?

Paul Frankowski - Staff

More than a month ago #Permalink
Custom CSS to use on this subpage only

.sppb-addon-table-main th:nth-of-type(3) {width: 60%;}


3.jpg

Attachments (1)

  • 3.jpg
    3.jpg 46.3 KB

RAFFAELE VIOLA

More than a month ago #Permalink
but if I wanted to customize all the lines in the custom css field of table addon?


.sppb-addon-table-main th:nth-of-type(1) {width: 60%; th:nth-of-type(2) {width: 20%; th:nth-of-type(3) {width: 10%; th:nth-of-type(4) {width: 10%;}


is it written like this ? :D

Paul Frankowski - Staff

More than a month ago #Permalink
For sure, you have to close "}" each rule.

.sppb-addon-table-main th:nth-of-type(1) {width: 60%;}
.sppb-addon-table-main th:nth-of-type(2) {width: 20%;}


Please take a few CSS lessons or read book about CSS, sorry we don't teach CSS here.

ArturG

More than a month ago #Permalink
inserted the code into the Custom CSS field. it didn't help. maybe I'm doing something wrong? can I have class the other, not understand

Paul Frankowski - Staff

More than a month ago #Permalink
If you use a Page please check my screenshot


.sppb-addon-table-main th:nth-of-type(1) {width: 60%;}
.sppb-addon-table-main th:nth-of-type(2) {width: 20%;}
.sppb-addon-table-main th:nth-of-type(3) {width: 10%;}
.sppb-addon-table-main th:nth-of-type(4) {width: 10%;}



foto_3253_2019.jpg

yes, it's working well
foto_3254_2019.jpg

Attachments (2)

  • foto_3253_2019.jpg
    foto_3253_2019.jpg 50 KB
  • foto_3254_2019.jpg
    foto_3254_2019.jpg 41.3 KB


There are no replies made for this post yet.
Be one of the first to reply to this post!

124

Templates

331052

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us