merge rows automaticly
-
Dear Tobias,
in wp-table-reloaded empty rows where merged to 1 row. On http://www.b-s-f.nl/overzichten-2/individueel-overzicht-buren/ you can see 2011-2012.
But when i upload 2013-2014 with the same sheet the output is different with the sheet of 2011-2012.
Doy you know what tablepress is doing ??
Regards,
Mathijs
-
With the old version the empty rows where combined to a black row. No data in the row, then the output was only the border.
See the screenshots :
The way I want :
http://www.b-s-f.nl/wp-content/uploads/2014/07/Schermafbeelding-2014-07-02-om-22.14.27.pngthe way the output is now :
http://www.b-s-f.nl/wp-content/uploads/2014/07/Schermafbeelding-2014-07-02-om-22.14.35.pngThe first screenshot is what i want. That was the output by wp-table-reloaded when you have empty rows. It where combined.
The second screenshot is now the output when i upload a new list.
Deleting or hiding rows is not an option, because the bold text on certain row numbers on the bottom is then not working anymore.
regards,
MathijsHi,
thanks for your post, and sorry for the trouble.
Abusing empty rows for an effect like that is a very bad idea, and I don’t recommend that.
You should instead just set the background color of a single empty row to black.If you really want to keep using this, just continue with the approach that you are using for this: This is done by reducing the
padding
in all cell.
You are doing that in columns already, except for column 22. So, just extend your “Custom CSS” to also include column 22 regarding the padding, and you will get this effect again.Regards,
TobiasBecause a client of mine use this site, all the rows must be the same, because the number of players is each time different. On that way I realize that the bottom text is always bold text. In Custom CSS I don’t have padding ..????
.tablepress-individueel { font: Icon; font-size: 12px; border: 2px Solid ThreeDShadow; background: Window; color: #000000; border-collapse: collapse; }
.tablepress-individueel .row-1 td, .tablepress-individueel .row-2 td, .tablepress-individueel .row-5 td, .tablepress-individueel .row-16 td, .tablepress-individueel .row-27 td { font-weight: bolder !important; }
on this way always the same row is bold text.
The thickness of that black line is on each page different based on the amount of players.
How can i get that old way ??
With padding ?? I tried some css but no results...tablepress { width: auto; margin: 0 auto 1em; empty-cells: hide; }
I also tested it with a copy of a good one as i want. Then the output is the same, but when i override it with a new sheet, then the old output is gone and have I empty rows displayed.
Kind regards,
MathijsHi,
there’s the big CSS block
.tablepress-overzicht .column-4, .tablepress-overzicht .column-5, .tablepress-overzicht .column-6, .tablepress-overzicht .column-7, .tablepress-overzicht .column-8, .tablepress-overzicht .column-9, .tablepress-overzicht .column-10, .tablepress-overzicht .column-11, .tablepress-overzicht .column-12, .tablepress-overzicht .column-13, .tablepress-overzicht .column-14, .tablepress-overzicht .column-15, .tablepress-overzicht .column-16, .tablepress-overzicht .column-17, .tablepress-overzicht .column-18, .tablepress-overzicht .column-19 { width: 32px !important; padding: 0 !important; margin: 0 !important; text-align: center; } .tablepress-overzicht .column-20 { width: 40px !important; padding: 0 !important; margin: 0 !important; text-align: center; } .tablepress-overzicht .column-21 { width: 40px !important; padding: 0 !important; margin: 0 !important; text-align: center; }
That’s simply missing a padding declaration for column 22. So, just add
.tablepress-overzicht .column-22 { padding: 0 !important; margin: 0 !important; text-align: center; }
there.
Regards,
TobiasIt worked, only i don’t get the work of the code. Why do i use a column padding to increase the empty rows??
Kind regards
MathijsHi,
good to hear that this worked!
The padding is the white space between the content of the cell and the border of the cell. Empty cells have no content, so that removing the padding will result in the border lines touching each other. And for empty rows, this means that you get that thick black line effect.
Best wishes,
TobiasP.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!
But why do i use a column padding for the result of a row ?
Kind regards,
MathijsHi,
you were already using that for columns 1 through 21 before I suggested it. I just noticed that you were not doing it for column 22, so that that column still had the default padding of 8px on every side. And if one cell in a row has padding, the border effect will not work.
Regards,
Tobias
- The topic ‘merge rows automaticly’ is closed to new replies.