日期:2014-05-17  浏览次数:20555 次

gridview 行间距
我的gridview行间距数量大的时候就变小,数量小的时候就变大,特别难看,各位大侠看有什么解决方法吗
代码如下:
<asp:GridView ID="GridView2" runat="server" PageSize="5" AutoGenerateColumns="False" 
  GridLines="None" ShowHeader="False" CellSpacing="1" Width="90%" Height="170px" OnRowDataBound="GridView2_RowDataBound" >
  <Columns>
  <asp:TemplateField>
  <ItemTemplate>
  <table align="center">
  <tr>
  <td height="27" align="middle" valign="center" style="BORDER-BOTTOM: #7397af 1px dashed" width="37"><div align="center">
  <img height="11" src="images/b_04.png" width="11" /></div></td><td width="2"></td>
  <td width="600" height="25" class="STYLE26" style="BORDER-BOTTOM: #7397af 1px dashed; font-size: 12px;" align="left"">
  <a href='ShowInfo.aspx?menuid=<%# DataBinder.Eval(Container.DataItem,"menuid") %>&id=<%# DataBinder.Eval(Container.DataItem,"id") %>' style="text-decoration:none;color:Black" target="_blank"><span class="STYLE8">
  <%# SubStr(DataBinder.Eval(Container.DataItem,"Title").ToString(),30)%></span></a>
  </td>
  </tr>
  </table>
  </ItemTemplate>
  </asp:TemplateField>
  <asp:BoundField DataField="id" Visible="False" />
  </Columns>
  </asp:GridView>

------解决方案--------------------
不知道 gridview 编译后生成什么 你就不会处理它

.Grid
{
margin-top: 10px;
line-height: 20px;
width: 960px;
text-align: center;
}
.Grid TR
{
background-color: #FFFFFF;
}

.Grid TR.AlternatingRowStyle
{
background-color: #EFF3FB;
}
.Grid TR.AlternatingRowStyle a
{
background-color: #EFF3FB;
}
.Grid th
{
background-color: #e2f2ff;
}

.Grid a
{
color: #3366cc;
padding: 0px 0px;
border: solid 0px #ddd;
}

.Grid a:hover
{
color: #ff7300;
text-decoration: block;
background: #fff;
}
------解决方案--------------------
给各个模板设置CssClass属性,并在CSS中设置样式
</Columns>
<FooterStyle CssClass="FooterStyle" />
<RowStyle CssClass="RowStyle" />
<EditRowStyle CssClass="EditRowStyle" />
<SelectedRowStyle CssClass="SelectedRowStyle" />
<PagerStyle CssClass="PagerStyle" />
<HeaderStyle CssClass="mytoplist" />
<AlternatingRowStyle BackColor="White" />