Con este otro a ver si te funciona mejor:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
table {
width: 100%;
height: 100%;
text-align: center;
border: solid black 1px;
column-span: none;
}
tr{
width: 100%;
height: 50px;
text-align: center;
border: solid black 1px;
}
td{
text-align: center;
border: solid black 1px;
}
</style>
</head>
<body>
<table>
<tr>
<th colspan="2">Existing System</th>
</tr>
<tr style="width: 100%" >
<td style="width: 50%;">Number of Pumps</td>
<td style="width: 50%;"># of Pumps</td>
</tr>
<tr>
<td>Design Water Flow Capacity (Name Plate)/td>
<td>Nameplate Flow</td>
</tr>
<tr>
<td>Estimated Building Flow Demand*</td>
<td>max flow</td>
</tr>
<tr>
<td>Design Pressure Boost (Name Plate)</td>
<td>Pump Head</td>
</tr>
<tr>
<td>Gauge Pressure (based on walkthrough, See Appendix C)</td>
<td>Measured Head</td>
</tr>
<tr>
<th colspan="2">Energy Saving Summary</th>
</tr>
<table>
<tr>
<td style="width: 20%;"></td>
<td style="width: 20%;">EXISTING</td>
<td style="width: 20%;">PROPOSED</td>
<td style="width: 20%;">SAVINGS</td>
<td style="width: 20%;"></td>
</tr>
<tr>
<td style="width: 20%;">Energy Consumption (kWh)</td>
<td style="width: 20%;">Existing System cons</td>
<td style="width: 20%;">Grundfos Pump cons</td>
<td style="width: 20%;">Energy savings kwh</td>
<td style="width: 20%;"></td>
</tr>
</table>
</table>
</body>
</html>