无法在网页中放入asp.net表格单元格

Question

设计问题。 .................................................. .................................................. ...

我正在努力把“主基准目标”表格单元正确。我尝试了各种风格，但它没有帮助。提前致谢。

要求：

我的O/P：

CSS：

.labels { 
    font-size: 9pt; 
    font-weight: bold; 
    font-family: Calibri; 
} 

的Html

<fieldset style="border: solid; border-width: thin; width: 95%; height: 200px; border-color: #a8a8a8; margin: auto;"> 
    <legend id="Legend14" runat="server" visible="true" style="width: auto; margin-bottom: 0px; font-size: 12px; font-weight: bold; color: #1f497d;">&nbsp;&nbsp; Project Performance &nbsp;&nbsp;</legend> 
    <div style="margin-bottom: 10px; margin-left: 10px;"> 
     <asp:Table ID="table8" runat="server" CssClass="labels"> 
      <asp:TableRow> 
       <asp:TableCell> 
        Critical to Quality (CTQ) &nbsp;&nbsp; 
       </asp:TableCell> 
       <asp:TableCell> 
        <asp:TextBox runat="server" Width="590px" Height="23px" ></asp:TextBox> 
       </asp:TableCell> 
      </asp:TableRow> 
      <asp:TableRow> 
       <asp:TableCell> 
        Baseline Performance &nbsp;&nbsp; 
       </asp:TableCell> 
       <asp:TableCell> 
        <asp:TextBox runat="server" Width="590px" Height="23px" ></asp:TextBox> 
       </asp:TableCell> 
      </asp:TableRow> 
      <asp:TableRow> 
       <asp:TableCell> 
        Primary Metric &nbsp;&nbsp; 
       </asp:TableCell> 
       <asp:TableCell> 
        <asp:TextBox runat="server" Width="95px" Height="23px" ></asp:TextBox> 
       </asp:TableCell> 
       <asp:TableCell> 
        Primary Baseline Target &nbsp;&nbsp; 
       </asp:TableCell> 
       <asp:TableCell> 
        <asp:TextBox runat="server" Width="95px" Height="23px" ></asp:TextBox> 
       </asp:TableCell> 
      </asp:TableRow> 
      <asp:TableRow> 
       <asp:TableCell> 
        Secondary Metric &nbsp;&nbsp; 
       </asp:TableCell> 
       <asp:TableCell> 
        <asp:TextBox runat="server" Width="590px" Height="23px" ></asp:TextBox> 
       </asp:TableCell> 
      </asp:TableRow> 
      <asp:TableRow> 
       <asp:TableCell> 
        Target performance &nbsp;&nbsp; 
       </asp:TableCell> 
       <asp:TableCell> 
        <asp:TextBox runat="server" Width="590px" Height="23px" ></asp:TextBox> 
       </asp:TableCell> 
      </asp:TableRow> 
      <asp:TableRow> 
       <asp:TableCell> 
        Performance at Project Close &nbsp;&nbsp; 
       </asp:TableCell> 
       <asp:TableCell> 
        <asp:TextBox runat="server" Width="590px" Height="23px" ></asp:TextBox> 
       </asp:TableCell> 
      </asp:TableRow> 
     </asp:Table> 
    </div> 
</fieldset> 

Answer 1

你需要跨越的行的列，而不两个文本框与ColumnSpan。基本上你需要4列，但只有第3和第4行需要这4列。在所有其他行上，你不使用它们，所以你将不得不从第二列开始跨越那些列。

<asp:Table ID="table8" runat="server" CssClass="labels"> 
    <asp:TableRow> 
     <asp:TableCell> 
      Critical to Quality (CTQ) &nbsp;&nbsp; 
     </asp:TableCell> 
     <asp:TableCell ColumnSpan="3"> 
      <asp:TextBox runat="server" Width="590px" Height="23px" ></asp:TextBox> 
     </asp:TableCell> 
    </asp:TableRow> 
    <asp:TableRow> 
     <asp:TableCell> 
      Baseline Performance &nbsp;&nbsp; 
     </asp:TableCell> 
     <asp:TableCell ColumnSpan="3"> 
      <asp:TextBox runat="server" Width="590px" Height="23px" ></asp:TextBox> 
     </asp:TableCell> 
    </asp:TableRow> 
    <asp:TableRow> 
     <asp:TableCell> 
      Primary Metric &nbsp;&nbsp; 
     </asp:TableCell> 
     <asp:TableCell> 
      <asp:TextBox runat="server" Width="95px" Height="23px" ></asp:TextBox> 
     </asp:TableCell> 
     <asp:TableCell> 
      Primary Baseline Target &nbsp;&nbsp; 
     </asp:TableCell> 
     <asp:TableCell> 
      <asp:TextBox runat="server" Width="95px" Height="23px" ></asp:TextBox> 
     </asp:TableCell> 
    </asp:TableRow> 
</asp:Table>