I want to create a table with only one header for all the data rows. I can't see what I'm doing wrong but I am getting a table header for every row of data.
Data is coming from a SQL table and the table is for a UX Viewbox control layout template.
This is what it looks like but I only want one header at the very top of the table.
HTML Table.png
Can anyone see what I'm doing wrong?
Data is coming from a SQL table and the table is for a UX Viewbox control layout template.
Code:
<table font size="3" border="0" width="100%"> <tr style="background-color:#008080; color:#ffffff"> <th width="5%" align="left" style="font-size:12px">Machine</th> <th width="12%" align="left"style="font-size:12px" >Last Check</th> <th width="7%" align="left"style="font-size:12px" >6X</th> <th width="7%" align="left"style="font-size:12px" >6FFF</th> <th width="7%" align="left"style="font-size:12px" >10X</th> <th width="7%" align="left"style="font-size:12px" >10FFF</th> <th width="7%" align="left"style="font-size:12px" >15X</th> <th width="7%" align="left"style="font-size:12px" >18X</th> <th width="7%" align="left"style="font-size:12px" >6e</th> <th width="7%" align="left"style="font-size:12px" >9e</th> <th width="7%" align="left"style="font-size:12px" >12e</th> <th width="7%" align="left"style="font-size:12px" >16e</th> <th width="7%" align="left"style="font-size:12px" >20e</th> <th width="5%" align="left"style="font-size:12px" >Approved</th> </tr> <tr> <td width="5%">{MachineId}</td> <td width="12%">{Day}</td> <td width="7%">{Output_6MV}</td> <td width="7%">{Output_6FFFMV}</td> <td width="7%">{Output_10MV}</td> <td width="7%">{Output_10FFFMV}</td> <td width="7%">{Output_15MV}</td> <td width="7%">{Output_18MV}</td> <td width="7%">{Output_6e}</td> <td width="7%">{Output_9e}</td> <td width="7%">{Output_12e}</td> <td width="7%">{Output_16e}</td> <td width="7%">{Output_20e}</td> <td width="5%">{Approved}</td> </tr> </table>
HTML Table.png
Can anyone see what I'm doing wrong?
Comment