ถ้าอยากให้ตารางเป้นอย่างนี้ ทำยังไงหรอคะ แบบ เป็นเส้น อย่างนี้เรยไม่ใช่แบบช่องๆ นะคะ

/*CODE CSS*/
#grid .head{
	border-collapse:collapse;
	border:#aaaaaa 1px solid;
	color: black;
	padding:5px 5px 5px 5px;
	background-color:#d8d8d8;
}
#grid .rows{
	border-collapse:collapse;
	border:#aaaaaa 1px solid;
	color: black;
	padding:5px 5px 5px 5px;
	background-color:#ffffff;
}
#grid .middle{
	border-collapse:collapse;
	border:#aaaaaa 1px solid;
	color: black;
	padding:5px 5px 5px 5px;
	background-color:#f3f3f3;
}

/*CODE HTML*/
<table id="grid">
	<tr>
	<td class="head" width="200px"> // ตรงนี้นะคะ กำหนดความกว้างไม่ได้ด้วยอะ ทำยังไงให้ความกว้างมันได้ตามขนาดที่เราต้องการอะคะ
	Customer Name
	</td>
	<td class="head">
	Port
	</td>
        </tr>
         
        <tr>
	<td colspan="<?php echo $amtField; ?>"  class="middle">
	<table cellpadding="2" cellspacing="2"><tr><td>
	<b><?php echo "<font color=\"bc0a00\">" . $item['day'] ." "."</font>" .$LOAD_DATE[0]; ?></b>
	</td></tr></table>
	</td>
	</tr>
        
        <tr>
	<td class="rows">
	<table cellpadding="2" cellspacing="2"><tr><td>
	<?php echo $item['CUSTOMER_NAME']; ?>
	</td></tr></table>
	</td>
	<td class="rows">
	<table cellpadding="2" cellspacing="2"><tr><td>
	<?php echo $item['PORT']; ?>
	</td></tr></table>
	</td>
        </tr>
</table>