Question

datalist如何去掉每行中间的行距

HTML中，我是这样写的：

<asp:DataList ID="DLOpen" runat="server" CellPadding=0 BorderWidth=0>
<HeaderStyle BorderWidth=0 />
<ItemStyle BorderColor=0 />
<HeaderTemplate>
<table width="800px" class="TableCss" >
<tr class="TableHeadCss"><td>序号</td>
<td>商家帐号</td>
<td>商家名称</td>
<td>店铺类型</td>
<td>真实姓名</td>
<td>性别</td>
<td>联系电话</td>
<td>身份证号码</td>
<td>申请时间</td>
<td>操作</td></tr>
</HeaderTemplate>
<ItemTemplate>
<tr class="TableItemCss"><td align="center"><%#Container.ItemIndex+1 %></td>
<td><%# Eval("uid")%></td>
<td><%# Eval("uname")%></td>
<td><%# Eval("Type")%></td>
<td><%# Eval("realName")%></td>
<td><%# Eval("sex")%></td>
<td><%# Eval("Phone")%></td>
<td><%# Eval("idCard")%></td>
<td><%# Eval("appTime")%></td><td>
<input type="button" TheOpenId=<%# Eval("openId")%> onclick="return fn_UpdateOpenShop('2',this.TheOpenId);" value="通过" />
<input type="button" TheOpenId=<%# Eval("openId")%> onclick="return fn_NoOpen('-1',this.TheOpenId);" value="拒绝" />
</td></tr>
</ItemTemplate>
<FooterTemplate></table></FooterTemplate>
</asp:DataList>

但是，页面显示出来的表格，在每行中间会有很宽的行距，即使我把整个DataList控件的行间距等设成0也是一样。请问哪位高手帮忙解决一下。谢了。奉上50积分，那个20积分的问datalist的killyourbug也是我。那个效果图我已上传图片。

Answer 1

换成使用repeater吧
这样也行
<asp:DataList ID="DLOpen" runat="server" CellPadding=0 BorderWidth=0>
<HeaderStyle BorderWidth=0 />
<ItemStyle BorderColor=0 />
<HeaderTemplate>
<table width="800px" class="TableCss" >
<tr class="TableHeadCss"><td>序号</td>
<td>商家帐号</td>
<td>商家名称</td>
<td>店铺类型</td>
<td>真实姓名</td>
<td>性别</td>
<td>联系电话</td>
<td>身份证号码</td>
<td>申请时间</td>
<td>操作</td></tr></table>
</HeaderTemplate>
<ItemTemplate><table>
<tr class="TableItemCss"><td align="center"><%#Container.ItemIndex+1 %></td>
<td><%# Eval("uid")%></td>
<td><%# Eval("uname")%></td>
<td><%# Eval("Type")%></td>
<td><%# Eval("realName")%></td>
<td><%# Eval("sex")%></td>
<td><%# Eval("Phone")%></td>
<td><%# Eval("idCard")%></td>
<td><%# Eval("appTime")%></td><td>
<input type="button" TheOpenId=<%# Eval("openId")%> onclick="return fn_UpdateOpenShop('2',this.TheOpenId);" value="通过" />
<input type="button" TheOpenId=<%# Eval("openId")%> onclick="return fn_NoOpen('-1',this.TheOpenId);" value="拒绝" />
</td></tr></table>
</ItemTemplate>
</asp:DataList>
然后规定每一列的宽度

Answer 2

换成使用repeater吧
这样也行
<asp:DataList
ID="DLOpen"
runat="server"
CellPadding=0
BorderWidth=0>
<HeaderStyle
BorderWidth=0
/>
<ItemStyle
BorderColor=0
/>
<HeaderTemplate>
<table
width="800px"
class="TableCss"
>
<tr
class="TableHeadCss"><td>序号</td>
<td>商家帐号</td>
<td>商家名称</td>
<td>店铺类型</td>
<td>真实姓名</td>
<td>性别</td>
<td>联系电话</td>
<td>身份证号码</td>
<td>申请时间</td>
<td>操作</td></tr></table>
</HeaderTemplate>
<ItemTemplate><table>
<tr
class="TableItemCss"><td
align="center"><%#Container.ItemIndex+1
%></td>
<td><%#
Eval("uid")%></td>
<td><%#
Eval("uname")%></td>
<td><%#
Eval("Type")%></td>
<td><%#
Eval("realName")%></td>
<td><%#
Eval("sex")%></td>
<td><%#
Eval("Phone")%></td>
<td><%#
Eval("idCard")%></td>
<td><%#
Eval("appTime")%></td><td>
<input
type="button"
TheOpenId=<%#
Eval("openId")%>
onclick="return
fn_UpdateOpenShop('2',this.TheOpenId);"
value="通过"
/>
<input
type="button"
TheOpenId=<%#
Eval("openId")%>
onclick="return
fn_NoOpen('-1',this.TheOpenId);"
value="拒绝"
/>
</td></tr></table>
</ItemTemplate>
</asp:DataList>
然后规定每一列的宽度

Answer 3

莫非也是表格的控制,把表格的高属性调低到和字体差不多应该就OK了..
<table width="800px" class="TableCss" >
注意到 可以设置多一个height="aotu"看一下。

Answer 4

把<table width="800px" class="TableCss" >中的width="800px"去了吧，然后重新调整大小试试。

Answer 5

TableCss
看看这个样式

设置Datelist的GridLines="None"