Discrepancies in counting columns between short code and css
-
Hi,
I used #colspan# as the top row.
I have 3 columns in the top row.
After the second row, I have 9 columns.
The 2nd and the 3rd columns of the top row have 3 columns each from the second row.When I tried to adjust 9 columns_widths, I specified “10%|15%|15%|15%|15%|15%|15%”.
This didn’t work. But when I specified “10%|45%|45%”, it worked. The first column has 10% and the 2nd and the 3rd columns have 45% each. So 2rd to 9th columns from the second row has even 15% each. I figured out that from the short code the number of column, when used #colspan#, is counted by the top row.But then I tried to do text-align and used .tablepress-id-111 { text-aligh:center;} and this didn’t work.
But when I do the below it worked but columns are recognized not by the top row.
Columns are recognized as from the second row..tablepress-id-111 .column-1,
.tablepress-id-111 .column-2,
.tablepress-id-111 .column-3
{
text-align: center;
color:red;
}`Please visit this page. Password is 321 and hit ENTER. You can see
https://ichiri.biz/tech/test-page/I am using the below short code. As you see, there is only three column widths.
But the widths of all 9 columns are being arranged.
[table id=111 column_widths=”10%|45%|45%” /]But with the CSS, there are only 3 columns out of 9 columns are decorated.
I believe that you may already know about this. Due to backward compatibility, I believe that you may not be able to fix this but I hope that knowing this issue, you may be able to keep continuous good quality in the future.And I would like to know if #colspan# when #colspan# at the top row is used.there any way I can adjust column_width independently from the second row.
Best regards,
Junji
-
Thank you very much, Tobias,
This works and this is great..tablepress-id-111 th,
.tablepress-id-111 td {
text-align: center;
}And I visited https://tablepress.org/faq/column-widths/ and it is same as the short code.
Pease revisit https://ichiri.biz/tech/test-page/ with password 321.
I posted the result.
I put two tables from the same tablepress-id-111. So I used id(#) instead of class(.).
*I wanted to use % instead of px./*This is used for both tables. As a text, I used 40% to be distinct.*/
.tablepress-id-111 .column-1{
width: 40%;
}/*First row with #colspan# uses the width. So I am not able to control the width of each column.*/
#tablepress-111 .column-2, <–The first row takes this
#tablepress-111 .column-3, <–The first row takes this
#tablepress-111 .column-4, <—The below from here are used from the second row
#tablepress-111 .column-5, <—but the first row take over controlling the widths.
#tablepress-111 .column-6,
#tablepress-111 .column-7
{
width: 10%;
}/* I used .row-2. But it seems that .row-2 is ignored for width. The width is controlled by only the first row.*/
.tablepress-id-111 .column-1{ width: 40%; } #tablepress-111-no-2 .row-2 .column-2, #tablepress-111-no-2 .row-2 .column-3 { width: 20%; } #tablepress-111-no-2 .row-2 .column-4, #tablepress-111-no-2 .row-2 .column-5, #tablepress-111-no-2 .row-2 .column-6, #tablepress-111-no-2 .row-2 .column-7 { width: 5%; }Is there any other way to control width of each row when using #colspan# at the first row?
Thank you again,
JunjiHI Tobias,
I actually used CTLR+SHIFT+I (Chrome DevTool) to check applied CSS with those .column-N and HTMT class and id before sending you message 2 days ago. And as the result, the first row took the control and the second row or below doesn’t take “width” property with .column-N.
I think that it is not possible yet at this moment and I will use TablePress within what it can do. It is still way better plug-in for table than any others. So I will stop bothering you. But thank you very much for spending time for me.
I have given 5 stars to TablePress.
Best regards,
Junji
The topic ‘Discrepancies in counting columns between short code and css’ is closed to new replies.
