Another topic on something which bugs me as I can’t figure out how to make the tables produced by MLA have fixed width columns common for different ‘calls’.

The above page has a whole set of tables invoked with a short code like:
[mla_gallery mla_markup=downtonpc my_gallery_title=”Year Ending March 2023 Financial Reports” category_name=pub-doc tag=”finrep+2022″]

The style contains:
<style type=’text/css’>
#[+selector+] {
margin: 0;
width: auto;
}
#[+selector+] tbody {
border: 0px solid #ff0000;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#[+selector+] table {
border: 0px solid #ff0000;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#[+selector+] .gallery-row td .gallery-icon {
width: 16;
height: 16;
vertical-align: top;
}
#[+selector+] .gallery-row .gallery-icon img {
border: 0px solid #FF0000;
}
#[+selector+] .gallery-row {
float: none;
text-align: left;
width: auto;
padding: 0;
}
#[+selector+] td {
padding: 0.4em;
}
#[+selector+] .header-row {
float: none;
text-align: left;
width: auto;
font-weight: bold;
}
#[+selector+] .gallery-caption {
margin-left: 0;
vertical-align: top;
}
</style>

and the Markup has:
ARGUMENTS
post_parent=all
post_mime_type=application/pdf
size=icon
mla_image_attributes=’width=”16″ height=”16″ ‘
columns=1
link=none
orderby=”name?DESC”

OPEN
<h3>[+template:([+query:my_gallery_title+])+]</h3>
<table id=”[+selector+]” class=”gallery galleryid-[+id+] gallery-columns-[+columns+] gallery-size-[+size_class+]”>
<tr class=”header-row”><th>Document Title – click to view</th><th>Icon shows File type</th></tr>

ROW OPEN
<tr class=”gallery-row”>

ITEM
<td>
[+title+]
</td>
<td class=”gallery-icon”>
[+link+]
</td>

Where could I set a column to have a consistent width?

Thanks

Paul

I’ve created a new table but the data I have is too wide to be displayed nicely. The first rows are okay then it wraps onto more than one row and is difficult to read. I think one of the other layouts mentioned in Premium might improve it, but I don’t know which to choose or how to implement it.

Alternatively, is there a way to open the table in a new window so that it isn’t restricted in size by WordPress?

Many thanks in anticipation

Love your plugin, especially now you have added the responsive horizontal scrolling – thanks. Have made a donation.

I’d appreciate some help with CSS on the following:

(1) In my table I would like to delete the 2 right-hand columns (‘Season’/’Min Nights’) but keeping even column widths. Should I be using px column width CSS or %?

(2) I would also like to delete the left-hand empty column which is only there to shift the ‘Date From’ column over a little. Can the padding be adjusted just on the left-hand side of a column instead?

One of my problems in trying different options is knowing how to properly refresh the page to reflect the changes I want to test. An incognito window and Ctrl-F5 seems to work…

Thanks

Nikki

I’m sure there’s a way to override this, possibly using some flex-basis wizardry, but it would be nicer if Kadence did this right, IMHO.

I installed your plug-in and after doing much with CSS have been able to get a few tables out already and it has been very useful. I have found a strange phenomenon on all of the tables I am using right now. When I place a newly created table in a page, it seems to always show up as large first column, small second & third. I use CSS and adjust each column to standard width. When I render the columns look just fine when I open the page in IE or Edge. However when I open in Chrome or Firefox, it does not change the column widths from the default no CSS view. I have tried many different CSS commands trying items like wrap or justification with no change in those two browsers. The width CSS I use for each column is:

.tablepress-id-100 .column-3 {
color: #0000ff;
column-width: 260px;
border-right: #ff0000;
border-right-style: solid; }

I have the red line in there so I could see the end of each column to see if something was being inserted that I could not see. I have also tried this in both browsers on different systems as well just to ensure it was not localized on the dev system.

Any ideas or assistance greatly appreciated.

Thank you – TTFN!

After an hour of comparing and experimenting, activating or deactivating the Visitor Map plugin was found to affect the mobile device table layout behaviour. Some may consider this effect a feature.

Hope you find this helpful.

Don

This si the code I entered:

.tablepress-id-3 {
width: auto !important;
}

.tablepress-id-3 .column-2 {
width: 100px;
}

.tablepress-id-3 .column-3 {
width: 100px;
}

Can you help please?

Thanks, Sue

https://www.ads-software.com/plugins/tablepress/

I’m having difficulty with the table width on a table that contains a lot of data – over 2,500 rows. When the page first loads, the table appears to fit the correct width, but once the table fully loads, it expands to beyond the width of the page. The table is on here >> https://bit.ly/1RixljP

I’ve tried using the css styling in your faq without success. (https://tablepress.org/faq/column-widths/)

Other tables on the same site are fine.
We are running the latest version of WordPress and of the Tablepress plugin.

Do you have any other solutions?

Thanks in advance

https://www.ads-software.com/plugins/tablepress/

It’s happening on the entire site, no matter which options are used. Any know issue that could cause this?

Here’s the shortcode from the image;
[formaway_open numcols=”5″ col1=”NAME” col2=”DATE” theme=”greymatter” heading=”PID” hcolor=”silver”]

https://www.ads-software.com/plugins/file-away/