如何在asp.net中繪製如下所示的自定義表格？

編輯

我已經喜歡below.How代碼我可以用colspan這裏第二行？和我的代碼和代碼之間的區別是在下面的答案。

<asp:Table ID="Table2" runat="Server" CellPadding="2" CellSpacing="1" 
       BorderColor="Black" GridLines="Both" BorderStyle="Solid" Width="100%"> 
       <asp:TableHeaderRow 
        runat="server" 
        ForeColor="Black" 
        BackColor="#DCDCDC" 
        Font-Bold="false" 
        align="center" 
        BorderColor="Black"> 
        <asp:TableHeaderCell ID="TableCell20" runat="Server" align="center">Serial No</asp:TableHeaderCell> 
        <asp:TableHeaderCell ID="TableCell21" runat="Server" align="center">Fee Details</asp:TableHeaderCell> 
        <asp:TableHeaderCell ID="TableCell22" runat="Server" align="center">Amount</asp:TableHeaderCell> 
       </asp:TableHeaderRow> 

       <asp:TableRow ID="TableRow7" 
        runat="Server" 
        BackColor="White" 
        Font-Bold="false" 
        Font-Size="Small"> 
        <asp:TableCell ID="TableCell13" runat="Server" align="center"> 
         1 
        </asp:TableCell> 

        <asp:TableCell ID="TableCell14" runat="Server" align="center"> 
         <asp:Label ID="TypeText" runat="server" Text=""></asp:Label> 
        </asp:TableCell> 

        <asp:TableCell ID="TableCell16" runat="Server" align="center"> 
         <asp:Label ID="FeeText" runat="server" Text=""></asp:Label> 
        </asp:TableCell> 

       </asp:TableRow> 

       <asp:TableRow ID="TableRow6" 
        runat="Server" 
        BackColor="White" 
        Font-Bold="false" 
        Font-Size="Small"> 


        <asp:TableCell ID="TableCell12" runat="Server" align="center"> 
         Total Amount 
        </asp:TableCell> 

        <asp:TableCell ID="TableCell15" runat="Server" align="center"> 
         <asp:Label ID="TotalAmountText" runat="server" Text=""></asp:Label> 
        </asp:TableCell> 

       </asp:TableRow>

來源

2017-01-02 Dee

使用'column-span'屬性。 – TheValyreanGroup

我不知道列span.Can你應答代碼片段或建議一些例子？ – Dee

爲什麼在asp.net標籤？你需要在GridView中使用colspan嗎？ – VDWWD

您申請表就可以實現像這樣：

.bordered-table { 
 
    width: 300px; 
 
    height: 78px; 
 
    border: 2px solid black; 
 
    border-collapse: collapse; 
 
} 
 
.bordered-table tr td { 
 
    border-right: 2px solid black; 
 
    border-bottom: 2px solid black; 
 
}

<table class="bordered-table"> 
 
    <tbody> 
 
    <tr> 
 
     <td> 
 
     text 
 
     </td> 
 
     <td> 
 
     text 
 
     </td> 
 
     <td> 
 
     text 
 
     </td> 
 
    </tr> 
 
    <tr> 
 
     <td colspan="2" style="text-align: center;"> 
 
     text 
 
     </td> 
 
     <td> 
 
     text 
 
     </td> 
 
    </tr> 
 
    <tr> 
 
     <td> 
 
     text 
 
     </td> 
 
     <td colspan="2" style="text-align: center;"> 
 
     text 
 
     </td> 
 
     <tr> 
 
    </tbody> 
 
</table>

這裏是一個Link，可以詳細爲您td colspan屬性。

來源

2017-01-02 17:46:52 Kramb

如何在asp.net中繪製如下所示的自定義表格？

回答

相關問題