Make the "shop" page like a table structure

I want to make the “SHOP” page like a table structure which will include the product details and the add to cart button.

I’m new in WordPress and as well as WooCommerce.

For this purpose I’ve overloaded content-product.php and put the following code in it.

===============================================================

<table bgcolor=#0FFFFF class="shop_table cart" cellspacing="1">
	<thead bgcolor=#E2A9F3>
		<tr>
			<th >Thumbnail</th>
			<th ><?php echo('Product'); ?></th>
			<th ><?php echo('Price'); ?></th>
			<th ><?php echo('Quantity'); ?></th>
			<th ><?php echo('Total'); ?></th>
			<th >?</th>
			<th >?</th>
			<th >?</th>
			<th >?</th>
			<th >?</th>
			<th >?</th>
		</tr>
	</thead>
<tbody>

		<tr>
			<td ><h3><?php	do_action( 'woocommerce_before_shop_loop_item_title' );?></td>
			<td><?php	the_title();?></td>
			<td><?php	do_action( 'woocommerce_after_shop_loop_item_title' );?></td>
			<td class="product-quantity">
				<?php
				$product_quantity = sprintf( '<div class="quantity"><input name="cart[%s][qty]" data-min="%s" data-max="%s" value="%s" size="4" title="Qty" class="input-text qty text" maxlength="12" /></div>', $cart_item_key, $data_min, $data_max, esc_attr( $values['quantity'] ) );
				echo apply_filters( 'woocommerce_cart_item_quantity', $product_quantity, $cart_item_key );
				?>
			</td>
			<td class="product-subtotal"></td>
			<td colspan="6"><?php do_action( 'woocommerce_after_shop_loop_item' ); ?></td>
		</tr>
</tbody>

</table>

==============================================================
[In future, please wrap your code in backticks]
But as a result,the table is broken into small parts for each product..
What should I do?? Please help..

https://www.ads-software.com/extend/plugins/woocommerce/