asp.net web資料庫控制元件內table(包括巢狀table)的邊線問題

暖楓無敵發表於2011-09-23

     在做資料繫結顯示的時候,經常會遇到這樣的情況,使用一些asp.net web資料庫控制元件,如Repeater、FormView等,裡面的模板裡使用table,還有可能是多個資料控制元件巢狀,裡面有多個table,這樣就能顯示各種複雜的表格,但是table表格的邊框線,就是一個問題,經常會遇到邊線重複,就造成邊線加粗的情形,怎麼解決?


先總結一下,備忘:

<style type="text/css">
        body
        {
            font-size: 12px;
        }
        td
        {
            font-size: 12px;   height: 20px; line-height: 20px; height:20px;
        }
        .table
        {
            border-right: black 1px solid;
            border-bottom: black 1px solid;
        }
        .table td
        {
            border-top: black 1px solid;
            border-left: black 1px solid;
        }
</style>

<asp:FormView ID="FormView1" runat="server" DataKeyNames="ID" DataSourceID="SqlDataSource1"
        Width="100%" Font-Size="Medium">
        <ItemTemplate>
            <table width="100%" cellpadding="0" cellspacing="0">
                <tr>
                    <td>
                        <table width="100%" class="table" cellpadding="0" cellspacing="0">
                            <tr>
                                <td align="center" style="font-weight: bold; height: 30px; width: 3%">
                                    單位
                                </td>
                                <td align="center" colspan="5" style="width: 97%">
                                     <asp:Label ID="lbldw" runat="server" Text='<%#Eval("單位") %>'></asp:Label>
                                </td>
                            </tr>
                            <tr>
                                <td align="center" style="font-weight: bold; height: 30px; width: 10%">
                                    檢查時間
                                </td>
                                <td align="center" colspan="2">
                                     <asp:Label ID="lbljcsj" runat="server" Text='<%#ConvertTime(Eval("檢查時間").ToString()) %>'></asp:Label>
                                </td>
                                <td align="center" style="font-weight: bold; height: 30px; width: 10%">
                                    檢查內容
                                </td>
                                <td align="center" colspan="2">
                                     <asp:Label ID="lbljcnr" runat="server" Text='<%#Eval("檢查內容") %>'></asp:Label>
                                </td>
                            </tr>
                            <tr>
                                <td align="center" style="font-weight: bold; height: 30px; width: 10%">
                                    參加人員
                                </td>
                                <td align="center" colspan="5">
                                     <asp:Label ID="lblcjry" runat="server" Text='<%#Eval("參加人員") %>'></asp:Label>
                                </td>
                            </tr>
                            <tr>
                                <td align="center" style="font-weight: bold; height: 30px; width: 10%">
                                    隱患登記
                                </td>
                                <td align="center" colspan="5">
                                     <asp:Label ID="lblyhdj" runat="server" Text='<%#Eval("隱患登記") %>'></asp:Label>
                                </td>
                            </tr>
                            <tr>
                                <td align="center" style="font-weight: bold; height: 30px; width: 3%">
                                    序號
                                </td>
                                <td align="center" style="font-weight: bold; height: 30px; width: 14%">
                                    隱患部位
                                </td>
                                <td align="center" style="font-weight: bold; height: 30px; width: 34%">
                                    隱患內容
                                </td>
                                <td align="center" style="font-weight: bold; height: 30px; width: 14%">
                                    整改責任人
                                </td>
                                <td align="center" style="font-weight: bold; height: 30px; width: 14%">
                                    限定日期
                                </td>
                                <td align="center" style="font-weight: bold; height: 30px; width: 19%">
                                    完成情況
                                </td>
                            </tr>
                            <tr>
                                <td align="center" id="One_td1" runat="server">
                                     
                                </td>
                                <td align="center" id="Two_td1" runat="server">
                                     
                                </td>
                                <td align="center" id="Three_td1" runat="server">
                                     
                                </td>
                                <td align="center" id="Four_td1" runat="server">
                                     
                                </td>
                                <td align="center" id="Five_td1" runat="server">
                                     
                                </td>
                                <td align="center" id="Six_td1" runat="server">
                                     
                                </td>
                            </tr>
                            <tr>
                                <td align="center" style="font-weight: bold; height: 30px; width: 10%">
                                    備註
                                </td>
                                <td align="center" colspan="5">
                                     <asp:Label ID="lblbz" runat="server" Text='<%#Eval("備註") %>'></asp:Label>
                                </td>
                            </tr>
                            <tr>
                                <td align="center" style="font-weight: bold; height: 30px; width: 10%">
                                    單位負責人
                                </td>
                                <td colspan="2" align="center">
                                     <asp:Label ID="lbldwfzr" runat="server" Text='<%#Eval("單位負責人") %>'></asp:Label>
                                </td>
                                <td align="center" style="font-weight: bold; height: 30px; width: 10%">
                                    記錄
                                </td>
                                <td colspan="2" align="center">
                                     <asp:Label ID="lbljlr" runat="server" Text='<%#Eval("記錄人") %>'></asp:Label>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </ItemTemplate>
        <PagerStyle BorderColor="White" />
        <RowStyle BorderColor="White" />
    </asp:FormView>
效果圖如下:


相關文章