Viewing 10 replies - 1 through 10 (of 10 total)
  • Thread Starter mathijsbok

    (@mathijsbok)

    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.png

    the way the output is now :
    http://www.b-s-f.nl/wp-content/uploads/2014/07/Schermafbeelding-2014-07-02-om-22.14.35.png

    The 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,
    Mathijs

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    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,
    Tobias

    Thread Starter mathijsbok

    (@mathijsbok)

    Because 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 ..????

    Thread Starter mathijsbok

    (@mathijsbok)

    .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.

    Thread Starter mathijsbok

    (@mathijsbok)

    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,
    Mathijs

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    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,
    Tobias

    Thread Starter mathijsbok

    (@mathijsbok)

    It 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
    Mathijs

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    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,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

    Thread Starter mathijsbok

    (@mathijsbok)

    But why do i use a column padding for the result of a row ?

    Kind regards,
    Mathijs

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    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

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘merge rows automaticly’ is closed to new replies.