如何让repeater的table框线变成像gridview框线一样

Question

<HeaderTemplate> <table cellpadding="0" cellspacing="0" border="1" style="width:1000px;">
        <tr>
         <td style="width:100px;">序号</td><td style="width:300px;">品号</td>
                <td style="width:300px;">品名</td><td style="width:300px;">规格型号</td>
        </tr>
        </table>
</HeaderTemplate>
     <ItemTemplate>
      <table cellpadding="0" cellspacing="0" border="1" style="width:1000px;">
      <tr>
       <td style="width:100px;">
     <%# Eval("序号") %>
     </td>  
     <td style="width:300px;">   
     <%# Eval("品号") %>
     </td>
     <td style="width:300px;">   
     <%# Eval("品名") %>
     </td>
     <td style="width:300px;">   
     <%# Eval("规格型号") %>
     </td>
     </tr>
     </table>
      </ItemTemplate>
    </asp:Repeater>
    <br />
    <br />
以上是我的代码,出来的结果是 每个框线有两道,虽然感觉还可以吧,但是我希望是gridview的框线效果.把table框线变成一道,如何改呢

Answer 1

帮你顶一下，其实这个问题我也想问好久了，不过不知道你发现没有，貌似你每次循环输出来的都是一个表格，两个表格的边框合起来不就有两道框线了嘛，比如说你有两条数据，那么你现在输出来的就会是这样<table cellpadding="0" cellspacing="0" border="1" style="width:1000px;">
  <tr>
    <td style="width:100px;">序号</td><td style="width:300px;">品号</td>
    <td style="width:300px;">品名</td><td style="width:300px;">规格型号</td>
  </tr>
 </table>
<table cellpadding="0" cellspacing="0" border="1" style="width:1000px;">
  <tr>
  <td style="width:100px;">
  <%# Eval("序号") %>
  </td>   
  <td style="width:300px;">   
  <%# Eval("品号") %>
  </td>
  <td style="width:300px;">   
  <%# Eval("品名") %>
  </td>
  <td style="width:300px;">   
  <%# Eval("规格型号") %>
  </td>
  </tr>
  </table>
<table cellpadding="0" cellspacing="0" border="1" style="width:1000px;">
  <tr>
    <td style="width:100px;">
       <%# Eval("序号") %>
    </td>   
    <td style="width:300px;">   
       <%# Eval("品号") %>
    </td>
    <td style="width:300px;">   
       <%# Eval("品名") %>
    </td>
    <td style="width:300px;">   
       <%# Eval("规格型号") %>
    </td>
   </tr>
</table>
<table cellpadding="0" cellspacing="0" border="1" style="width:1000px;">
  <tr>
    <td style="width:100px;">
      <%# Eval("序号") %>
    </td>   
    <td style="width:300px;">   
      <%# Eval("品号") %>
    </td>
    <td style="width:300px;">   
      <%# Eval("品名") %>
    </td>
    <td style="width:300px;">   
      <%# Eval("规格型号") %>
    </td>
  </tr>
</table>

Answer 2

我虽然有两个table,但我想一个在上,一个在下,应该是不冲突的.就算我改成一个table,估计是一样的效果

Answer 3

<table cellpadding="0" cellspacing="0" border="1" style="width: 1000px;">
            <tr>
                <td style="width: 100px;">
                    序号
                </td>
                <td style="width: 300px;">
                    品号
                </td>
                <td style="width: 300px;">
                    品名
                </td>
                <td style="width: 300px;">
                    规格型号
                </td>
            </tr>
            <asp:Repeater runat="server">
                <ItemTemplate>
                    <tr>
                        <td style="width: 100px;">
                            <%# Eval("序号") %>
                        </td>
                        <td style="width: 300px;">
                            <%# Eval("品号") %>
                        </td>
                        <td style="width: 300px;">
                            <%# Eval("品名") %>
                        </td>
                        <td style="width: 300px;">
                            <%# Eval("规格型号") %>
                        </td>
                    </tr>
                </ItemTemplate>
            </asp:Repeater>
        </table>

Answer 4

border-style:double;http://www.w3school.com.cn/css/pr_border-style.asp

Answer 5

4楼的朋友,可是我们并不是CCS呀,CCS我还不打算用,因为基础的东西我还没有弄会.

Answer 6

style="border-collapse: collapse"

Answer 7

建议LZ采用一个table，并设置一下 cellpadding="0" cellspacing="0"。<table cellpadding="0" cellspacing="0">
<tr>
<td>
地区名称
</td>
</tr>
<asp:Repeater ID="prov" runat="server" OnItemDataBound="prov_ItemDataBound">
<ItemTemplate>
<tr>
<td id='prov<%#Eval("AreaID") %>' type="prov">
<%#Eval("AreaName") %>
</td>
</tr>
<tr>
<td id='city<%#Eval("AreaID") %>' style="display: none;">
<asp:Repeater ID="city" runat="server">
<ItemTemplate>
<table>
<tr>
<td>
<%#Eval("AreaName") %>
</td>
</tr>
</table>
</ItemTemplate>
</asp:Repeater>
</td>
</tr>
</ItemTemplate>
</asp:Repeater>
</table>

Answer 8

楼主，repeater就是要让我们自己设置CSS控制显示的嘛，repeater可没有像gridview那样设置几个属性就可以显示网格线的功能，只能由我们自己写CSS去实现网格线显示，不过要怎么写我就不懂啦，毕竟CSS我也是入门水平

Answer 9

问题是 我都是 style="width:1000px;" 做宽度的控制, 再把"border-collapse: collapse" 加上去,该怎么写呢,难道如下 写法 
style="width:1000px;"  and  "border-collapse: collapse"

Answer 10

晕，这样写怎么行style="width:1000px; border-collapse:collapse;"应该这样写，不过你这个width是表格的宽度，至于后面那个border-collapse我就不懂什么意思了

Answer 11

<style type="text/css">
.tab1{border:1px solid #000; border-collapse:collapse;}
</style>
--------------------------------------------
<headertemplate>
<table border="tab1">
<tr>
<th>列标题一</th><th>列标题2</th></headertemplate>
<itemtemplate>
<tr>
<td>列值1</td>
<td>列值2</td>
</itemtemplate>
<footertemplate>
</table>
</footertemplate>