если в кратце

tr {
border-bottom:1px solid white;
}
tr td:first-child {
border-right:1px solid white;
}
tr:last-child  {
border-bottom:none;
}

Если вы хотите через редактор страницы внедрять php, то используйте woody snippets плагин, для того что бы этот php выводить через шорткод.
Wordpress не позволяет прописывать начистую php в frontend редакторе.

нашел идеальный вариант, кому пригодится:

<ul>
<?php
    $catalog_orderby = apply_filters( 'woocommerce_catalog_orderby', array(
     'menu_order' => __( 'Default sorting', 'woocommerce' ),

    'price'      => __( 'Sort by price: low to high', 'woocommerce' ),

    'price-desc' => __( 'Sort by price: high to low', 'woocommerce' )
) );

if ( get_option( 'woocommerce_enable_review_rating' ) == 'no' )
    unset( $catalog_orderby['rating'] );

foreach ( $catalog_orderby as $id => $name )
    echo '<li><a href="' . get_permalink( woocommerce_get_page_id( 'shop' ) ) . '?orderby=' . $id . '" >' . esc_attr( $name ) . '</a></li>';
?>
</ul>

Используй flex.

<div class=“boxes”>
<div class=“box”>
<div class=“box”>
<div class=“box”>
<div class=“box”>
<div class=“box”>
<div class=“box”>
<div class=“box”>
<div class=“box”>
</div>

.boxes{display:flex;flex-wrap:wrap;}
.box{width:25%;}/* таким образом выводим по 4 в линии */