[Plugin: WP-Table Reloaded] Why cells are resized?

Hi,

the shrinking of the images is a result of your theme’s CSS. To change that, please add

.wp-table-reloaded img {
  max-width: none !important;
}

to the “Custom CSS” textarea on the “Plugin Options” screen of WP-Table Reloaded.

To set the width of the individual columns, please take a look at the plugin FAQ at https://tobias.baethge.com/wordpress-plugins/wp-table-reloaded-english/faq/ and especially at the answer to the question “How can I set column widths?”.
Once that is set, adding text to the right column should no longer influence the widths.
Finding out how many characters can fit in a cell is not really possible, as that depends on the font, the font size and also the browser settings of the visitor.

Regards,
Tobias

Is this the way – a separate column for each row?

For example:

.wp-table-reloaded-id-1 .column-1 {
width: 200px;
}
.wp-table-reloaded-id-1 .column-2 {
width: 600px;
}

and so on…..?

Благодаря!

And can I add row height, right?

.wp-table-reloaded-id-1 td {
height: 150px;
}

Hi,

yes, all of this code is technically correct (the code for the width of column-1 that you currently have in your “Custom CSS” is not however, there’s a space missing before .column-1).
However, setting the height of a row is not that easy here: The reason is that the height and the margin and padding of the images in the first column will be the determining factor for the row height. Can you explain what exactly you want to change with the heights?

Regards,
Tobias

Actually I do not want to change the height. I want it to always be the same for all rows. Images in column one will always be the same size.

But it is strange that the photos currently are 150 pixels, but the set line height is 150 pixels and also table pictures look below the line. I hope I explained well …

Trying to figure out which factors are decisive for the same rows and columns of the table, to comply with this and do not allow unwanted enlargement.

Regards, Tobias and many thanks for the careful attitude!
Albena

Hi,

the reason for the non-equal row heights comes from the usage of the HTML code in your tables. For example, you have embedded the images in <p> elements to center the images. This is not the preferred way of doing this, as it can result in additional white space being added to the page. The reason for that are line breaks in the code which get translated to HTML <br /> tags automatically.
So, my suggestion: Remove all these <p> tags from the cells in the first column, so that you only have the <img> tags there. Also, make sure that there are no line breaks after the <img> tags.
Then add this “Custom CSS”

.wp-table-reloaded-id-1 img {
  margin: 10px auto !important;
}

to center the images via CSS.

Regards,
Tobias