[Plugin: WP-Table Reloaded] Table Box Width

Hi,

with “box width”, you mean the width of the entire table, or that of the individual columns?

For the latter, please take a look at the FAQ section on my website (https://tobias.baethge.com/wordpress-plugins/wp-table-reloaded-english/faq/).

For the width of the table, you can try setting it with this “Custom CSS”:

.wp-table-reloaded-id-123 {
  width: 500px!important;
}

(Change the value and the table ID accordingly.)

Regards,
Tobias

Thanks for responding! I do appreciate it. I know this plug-in doesn’t work like regular html tables that you can drag row sizes to fit the text and such, but what I wanted to do was basically center the table, with the text fitting properly in each row, without so much space.

I put this code in for both columns that I have (I do not have it set now so I can’t show the url), trying to make each column 200 px, and it worked pretty well:

.wp-table-reloaded-id-3 .column-1 {
width: 200px!important;
}

.wp-table-reloaded-id-3 .column-2 {
width: 200px!important;
}

Except that column two didn’t size. Column one sized correctly, but column two just stretched on out until the width of my blog page, or at least what I have my body which is 770px.

I used the code you gave and was playing around with it when you responded and was almost about to achieve what I wanted, so I’ll keep working.

Lastly, when building the tables, columns are A, B, and so forth, but when adding in custom code, the columns are identified as 1, 2, etc. Is this the way that it is also listed when defining which row that you’re defining. I know the code is different, but would I reference rows as one, two and on down the line when changing row colors and such.

Sorry for the long response.

Why doesn’t this do anything?

.wp-table-reloaded-id-3 .column-1 {
width: 150px!important;
}

.wp-table-reloaded-id-3 .column-2 {
width: 100px!important;
}

https://csx-corruption.com/third-quarter-lobby-report/

I should have said that to start with ??

The code you give in your first response did size the table, but the table just wasn’t centered. I guess I need to put in some margin sizes, kind of like I have on the yellow custom emphasis element that is on the page.

Hi,

thanks for the clarification on what you want to achieve.

Your code for the column widths is perfectly correct. The only “problem” now, is that the browser still obeys the commands for the width of the entire table. So, if you add the following, your column widths will work as expected, and the table will be centered on the page:

.wp-table-reloaded-id-3 {
  width: auto!important;
  margin: 15px auto 10px!important;
}

With that, you might actually not even need the column width commands, as the code will then shrink the widths to match the actual widths of the texts in the columns.

And yes, columns and rows are indexed numerically in the CSS. That means, column A is defined by .column-1 and so on. For rows, it is similar, row 1 is .row-1 and so on.

Best wishes,
Tobias

I just wanted to tell you thanks for the plug-in and the help you provide on it. I am flat broke at the moment due to giving a fifty dollar donation to my theme provider (suffusion).

However, I am trying to donate to all of the plug-ins that I use like this one that is extremely helpful about twenty bucks because you guys work very hard at this.

So anyway, thanks and give me about a week and I’ll hook you up through Paypal.

Hi,

great to hear (and see on your site) that it worked ??

And also thanks a lot for your willingness to donate, I really appreciate it.

Best wishes,
Tobias