Uneven spacing in between columns

  • Resolved viclittledesigns

    (@viclittledesigns)


    5 years, 11 months ago

    I am getting uneven column spacing in the tables, each table showing different horizontal spacing between the column the client require it even spacing even if there is lot of blank space at the end all the tables on the website should look evenly though each page have multiple tables. How to resolve?

    about the environment :
    Please provide this information in bug reports and support requests.

    · Website: https://www.flyvacuum.com
    · TablePress: 1.9.2
    · TablePress (DB): 38
    · TablePress table scheme: 3
    · Plugin installed: 2019/03/30 06:52:35
    · WordPress: 5.1.1
    · Multisite: no
    · PHP: 7.2.15
    · mysqli Extension: true
    · mySQL (Server): 5.7.23-23-log
    · mySQL (Client): mysqlnd 5.0.12-dev – 20150407 – $Id: 3591daad22de08524295e1bd073aceeff11e6579 $
    · ZIP support: yes
    · UTF-8 conversion: yes
    · WP Memory Limit: 40M
    · Server Memory Limit: 256M
    · Magic Quotes: off
    · WP_DEBUG: false
    · WP_POST_REVISIONS: true

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    You would have to manually set column widths here, with the CSS approach from https://tablepress.org/faq/column-widths/

    To make that code shorter on this page (which has the internal WordPress page ID 52), you can add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .page-id-52 .tablepress .column-1 {
	width: 25%;
}
.page-id-52 .tablepress .column-2,
.page-id-52 .tablepress .column-3,
.page-id-52 .tablepress .column-4 {
	width: 15%;
}
.page-id-52 .tablepress .column-5 {
	width: 30%;
}

    Regards,
    Tobias

    Thread Starter viclittledesigns

    (@viclittledesigns)

    Thanks for the immediate reply & support,
    I have used the CSS code mentioned in the table option & it worked however not as desired I have used 10% for the column width in the code I have created 9 columns of 10% width when I see the output it’s displaying variably in the browser window, since this option works globally for all the tables I have varying columns 3 , 4 ,5 ,6 7,8, 9 etc I wanted equal width for all the columns from the displayed total allocated table width which should be uniform looking throughout the page (I mean 4 column should only take total 40 % of the table width; 6 column should take only 60% of the table width ; 9 column should take 90% of the table width & so on & so forth). How to resolve? The resultant URL is as follows : https://www.flyvacuum.com/iso-flanges-and-fittings/

    Code of CSS I used like this :

    .page-id-52 .tablepress .column-1,
    .page-id-52 .tablepress .column-2,
    .page-id-52 .tablepress .column-3,
    .page-id-52 .tablepress .column-4,
    .page-id-52 .tablepress .column-5,
    .page-id-52 .tablepress .column-6,
    .page-id-52 .tablepress .column-7,
    .page-id-52 .tablepress .column-8,
    .page-id-52 .tablepress .column-9 {
    width: 10%;
    }

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    ah, I hadn’t noticed that the number of columns per table differs on the page. In that case, you should use the raw approach from https://tablepress.org/faq/column-widths/

    Regards,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Uneven spacing in between columns’ is closed to new replies.