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

[zhengyingcan]

<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框线变成一道,如何改呢

[Sheng450422]

帮你顶一下，其实这个问题我也想问好久了，不过不知道你发现没有，貌似你每次循环输出来的都是一个表格，两个表格的边框合起来不就有两道框线了嘛，比如说你有两条数据，那么你现在输出来的就会是这样

<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>

[zhengyingcan]

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

[hufenglongyy]

<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>

[ailin84]

border-style:double;

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

[zhengyingcan]

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

[xiaoyu821120]

style="border-collapse: collapse"

[格桑花]

建议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>

[zhengyingcan]

[Quote=引用 6 楼 xiaoyu821120 的回复:]

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

[Sheng450422]

晕，这样写怎么行

style="width:1000px; border-collapse:collapse;"

应该这样写，不过你这个width是表格的宽度，至于后面那个border-collapse我就不懂什么意思了

[epui2008]

<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>

[Sheng450422]

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

[zhengyingcan]

[Quote=引用 10 楼 sheng450422 的回复:]

晕，这样写怎么行
CSS code

style="width:1000px; border-collapse:collapse;"


应该这样写，不过你这个width是表格的宽度，至于后面那个border-collapse我就不懂什么意思了
[/Quote]
可以是可以了,只是感觉这个表格框线不黑,不明显,还能怎么改呢