HTML的Table放在asp:FormView中后， 其不显示边线

Question

大家看我下面这段代码, 这个Table应会有有下边框的. 
<table width="100%" border="0" cellpadding="3" cellspacing="1" class="verdana11pt"
                        style="background-color: #999999;">
                        <tr class="verdana11pt" align="center" style="background-color: #FFFFFF;">
                            <td class="verdana11pt" style="width: 33%;">
                                <u class="verdana11pt">制单 编号</u></td>
                            <td class="verdana11pt" style="width: 33%;">
                                <u class="verdana11pt">款号 编号</u></td>
                            <td class="verdana11pt" style="width: 33%;">
                                <u class="verdana11pt">SG1</u></td>
                        </tr>
                        <tr align="center" class="verdana11pt" style="background-color: #FFFFFF;">
                            <td class="verdana11pt">
                                <asp:Label ID="lbl_JSNumber" runat="server" CssClass="verdana11pt" Text='<%# Bind("JSNumber") %>'></asp:Label></td>
                            <td class="verdana11pt">
                                <asp:Label ID="lbl_Style_Code" runat="server" CssClass="verdana11pt" Text='<%# Bind("Style_Code") %>'></asp:Label></td>
                            <td class="verdana11pt">
                                <asp:Label ID="lbl_SG1" runat="server" CssClass="verdana11pt" Text='<%# Bind("SG1") %>'></asp:Label></td>
                        </tr>
                        <tr align="center" class="verdana11pt" style="background-color: #FFFFFF;">
                            <td class="verdana11pt">
                                <u class="verdana11pt">总额 数量</u></td>
                            <td class="verdana11pt">
                                <u class="verdana11pt">国家</u></td>
                            <td class="verdana11pt">
                                <u class="">送货</u></td>
                        </tr>
                        <tr align="center" class="verdana11pt" style="background-color: #FFFFFF;">
                            <td class="verdana11pt">
                                <asp:Label ID="lbl_Quantity" runat="server" CssClass="verdana11pt" Text='<%# Bind("Quantity") %>'></asp:Label></td>
                            <td class="verdana11pt">
                                <asp:Label ID="lbl_Country" runat="server" CssClass="verdana11pt" Text='<%# Bind("Country") %>'></asp:Label></td>
                            <td class="verdana11pt">
                                <asp:Label ID="lbl_Dead_Line" runat="server" CssClass="verdana11pt" Text='<%# Bind("Dead_Line") %>'></asp:Label></td>
                        </tr>
                    </table>
但是如果我将其放在asp:FormView控件的ItemTemplate中, 则不会显边连框, 大家有没碰到类似的事情.
            <asp:FormView ID="fv_Job_Sheet" runat="server" DataSourceID="ods_Job_Sheet" Width="100%">
                <ItemTemplate>
                    <table width="100%" border="0" cellpadding="3" cellspacing="1" class="verdana11pt"
                        style="background-color: #999999;">
                        <tr class="verdana11pt" align="center" style="background-color: #FFFFFF;">
                            <td class="verdana11pt" style="width: 33%;">
                                <u class="verdana11pt">制单 编号</u></td>
                            <td class="verdana11pt" style="width: 33%;">
                                <u class="verdana11pt">款号 编号</u></td>
                            <td class="verdana11pt" style="width: 33%;">
                                <u class="verdana11pt">SG1</u></td>
                        </tr>
                        <tr align="center" class="verdana11pt" style="background-color: #FFFFFF;">
                            <td class="verdana11pt">
                                <asp:Label ID="lbl_JSNumber" runat="server" CssClass="verdana11pt" Text='<%# Bind("JSNumber") %>'></asp:Label></td>
                            <td class="verdana11pt">
                                <asp:Label ID="lbl_Style_Code" runat="server" CssClass="verdana11pt" Text='<%# Bind("Style_Code") %>'></asp:Label></td>
                            <td class="verdana11pt">
                                <asp:Label ID="lbl_SG1" runat="server" CssClass="verdana11pt" Text='<%# Bind("SG1") %>'></asp:Label></td>
                        </tr>
                        <tr align="center" class="verdana11pt" style="background-color: #FFFFFF;">
                            <td class="verdana11pt">
                                <u class="verdana11pt">总额 数量</u></td>
                            <td class="verdana11pt">
                                <u class="verdana11pt">国家</u></td>
                            <td class="verdana11pt">
                                <u class="">送货</u></td>
                        </tr>
                        <tr align="center" class="verdana11pt" style="background-color: #FFFFFF;">
                            <td class="verdana11pt">
                                <asp:Label ID="lbl_Quantity" runat="server" CssClass="verdana11pt" Text='<%# Bind("Quantity") %>'></asp:Label></td>
                            <td class="verdana11pt">
                                <asp:Label ID="lbl_Country" runat="server" CssClass="verdana11pt" Text='<%# Bind("Country") %>'></asp:Label></td>
                            <td class="verdana11pt">
                                <asp:Label ID="lbl_Dead_Line" runat="server" CssClass="verdana11pt" Text='<%# Bind("Dead_Line") %>'></asp:Label></td>
                        </tr>
                    </table>
                </ItemTemplate>
            </asp:FormView>

Answer 1

为什么要写这么多css在HTML代码里呢，看着头晕还有你放到fourview里之后是不是因为服务器控件的css把你的给继承掉了，建议直接通过浏览器查看源文件来分析

Answer 2

FormView没有任何CSS, 所以应该并不会继承掉我的CSS

Answer 3

你用的css定义的代码都没有贴出来,别人怎么可能知道显示的效果是怎么样的?

Answer 4

[Quote=引用 3 楼 jshi123 的回复:]
你用的css定义的代码都没有贴出来,别人怎么可能知道显示的效果是怎么样的?
[/QuoteCSS 只是控件字体的...verdana11pt { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px; }
.verdana11ptbo { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px ; font-weight: bold}

Answer 5

是不是高度问题?给table设置一个小于formview的高度,不要设置自动试试

Answer 6

你的表格边框是靠设置单元格间隙透出背景色来实现的，FormView在外面包了一个table，并且自动加上了style
border-collapse:collapse
这样就把表格内部的间隙都去掉了。你可以在你的table或者formview的style中加上border-collapse:separate就可以了