Extending Table width

  • Resolved james_clifford

    (@james_clifford)


    5 years, 10 months ago

    Hello Tobias
    I have just migrated from Reloaded to TablePress but am having problems making some changes. Can you perhaps help, either directly or with suggestions of people/places to find answers?
    I’d like to widen the tables into the unused space designated for widgets.
    One (but not all) of the Tables I created in Reloaded does extend into the Widget area when I add text or columns. I cannot see any difference in the table editing functions. In the link you can see the first table stretching into the widget area.
    When I add columns to a new Tablepress Table (lower down the link page), or add text to a cell, the column widths reduce, instead of the table widening.
    Do I need to do something with the sidebar/widget area first? Or is there perhaps a Table-specific CSS command that I should be looking for? Do you have a suggestion of where I should look?
    I hope you can help.

    I also have a query about row height but I’ll save that for another time, after I’ve been through the FAQs, Documentation, Forum etc.
    Best wishes
    Cliff

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Unfortunately, I don’t see any links from those that you mention? Can you maybe post those again?

    Now, extending tables into the widget area is actually not that good of an idea. It might have worked until now, but that was more or less by accident. For things like SEO and accessibility it’s not really good to “abuse” this accident intentionally. Now, we should however be able to force this on the new tables as well, but I’ll only be able to say more once I see the pages with the tables.

    Regards,
    Tobias

    Thread Starter james_clifford

    (@james_clifford)

    Hello Tobias
    Thanks for getting back so soon. I’ve made a couple of changes. Perhaps this link gives a better view:
    https://www.jamesclifford.at/songstore-2011-tracks-edit-tries-dec-2018/
    As you can see, I’m moving from a “pay what you like” shop-email-code-zip-download” system to a straight forward download with donation option.

    The tables are labelled:
    Table 11 from reloaded – spreads into widget area
    [table id=11 /]
    Table 16 (4 column + height adjust) – how to reduce to (or near) row 1 height?
    [table id=16 cache_table_output=false /]
    Table 17 how to increase width into empty widget space?
    [table id=17 /]
    Table 8 original format with new links – OK if can add column
    [table id=8 /]
    I’m trying to keep a table system but reduce the amount of wasted space (unutilised sidebar area), by increasing the width of the content to have either 1 song per line (Table 16,17) (preferred) or 4 columns (extend Table 8 – with content as 1st 2 rows)

    I hope that’s clear.
    Best wishes
    Cliff

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi Cliff,

    thanks for the link and the description!

    The best way to extend all tables into the sidebar should be to add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .post-530 .tablepress {
  min-width: 900px;
}

    Regards,
    Tobias

    Thread Starter james_clifford

    (@james_clifford)

    Thanks Tobias
    That’s worked well on the page I showed you. It throws up 2 questions:
    1. Is there a reason that the Tables on the following pages haven’t automatically changed to that min-width?
    https://www.jamesclifford.at/songstore-cds/
    https://www.jamesclifford.at/songstore-tracks/
    https://www.jamesclifford.at/musician/

    2. Can I use a table-specific command, to over-ride the one you suggested, for situations where tables (for other things) should not go to the full width?

    Best wishes
    Cliff

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi Cliff,

    1. The reason why this only works for the tables on the first page is that .post-530 part of the CSS. This limits the setting to the tables on that page with the ID 530. I had added that to on purpose not modify all tables, as that might not be desired.
    To have the setting apply to all tables, just remove the .post-530.

    2. To then over-ride the setting for individual tables, you can use

    .tablepress-id-123 {
  min-width: auto;
}

    (where 123 is the table ID).

    Regards,
    Tobias

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Extending Table width’ is closed to new replies.