• Resolved ales-bonelli

    (@ales-bonelli)


    My table looks like this.
    You can see that the border of the first row is not aligned with the border of the rest of the table.
    My css code is:

    .tablepress thead th,
    .tablepress tfoot th {
    	background-color: #a4352c;
    	color: #fff;
    }
    
    .tablepress .odd td {
    	background-color: #fff;
    }
    
    .tablepress .even td {
    	background-color: #f7f7f7;
    }
    
    .tablepress .row-hover tr:hover td {
    	background-color: #eee;
    }
    
    .tablepress tr,
    .tablepress tbody td,
    .tablepress tfoot th {
    	border-style: solid;
    	border-width: 1px;
    	border-color: #ddd;
    }
    
    .tablepress thead th {
    	border-style: solid;
    	border-width: 1px;
    	border-color: #fff;
    }
    
    .tablepress tbody td {
    	font-family: Arial, Tahoma;
    }

    What should I change?

    https://ww.wp.xz.cn/plugins/tablepress/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Are you using the “Horizontal Scrolling” feature for this table? That does not work properly in tables with cell borders sometimes, as it can then not set the widths properly.
    Therefore, please try turning that checkbox off.

    Regards,
    Tobias

    Thread Starter ales-bonelli

    (@ales-bonelli)

    That worked, I really thank you sir!

    Thread Starter ales-bonelli

    (@ales-bonelli)

    Resolved.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! 🙂 Good to hear that this helped!

    Best wishes,
    Tobias

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

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Misaligned border’ is closed to new replies.