Asp.net 如何在GridView中显示网格线
由于某些原因,当我在IE或Chrome中打开gridview时,我的网格线没有显示。我已经将gridLines属性设置为两者Asp.net 如何在GridView中显示网格线,asp.net,gridview,gridlines,Asp.net,Gridview,Gridlines,由于某些原因,当我在IE或Chrome中打开gridview时,我的网格线没有显示。我已经将gridLines属性设置为两者 <asp:GridView ID="GridView1" runat="server" OnSelectedIndexChanged="GridView1_SelectedIndexChanged" BorderColor="Black" AutoGenerateColumns="True" Height="350px" ShowFooter="True" All
<asp:GridView ID="GridView1" runat="server" OnSelectedIndexChanged="GridView1_SelectedIndexChanged" BorderColor="Black" AutoGenerateColumns="True" Height="350px" ShowFooter="True" AllowSorting="True" BackColor="Black" BorderStyle="Ridge" BorderWidth="2px" CellPadding="3" CellSpacing="3" GridLines ="Both">
<FooterStyle BackColor="#C6C3C6" ForeColor="Black" />
<HeaderStyle Font-Size="7pt" Width="400px" BackColor="#4A3C8C" Font-Bold="True" ForeColor="#E7E7FF" >
</HeaderStyle>
<PagerStyle BackColor="#C6C3C6" ForeColor="Black" HorizontalAlign="Right" />
<RowStyle BackColor="#DEDFDE" ForeColor="Black" />
<SelectedRowStyle BackColor="#9471DE" Font-Bold="True" ForeColor="White" />
<SortedAscendingCellStyle BackColor="#F1F1F1" />
<SortedAscendingHeaderStyle BackColor="#594B9C" />
<SortedDescendingCellStyle BackColor="#CAC9C9" />
<SortedDescendingHeaderStyle BackColor="#33276A" />
</asp:GridView>
这很奇怪,但你可以试试这样的 为网格设置CssClass 说 CssClass=网格 并为其添加样式
<style type="text/css">
table.grid{
border-collapse:collapse;
border:solid 2px black;
}
table.grid td, th{
border:solid 2px black;
}
</style>
这很奇怪,但你可以试试这样的 为网格设置CssClass 说 CssClass=网格 并为其添加样式
<style type="text/css">
table.grid{
border-collapse:collapse;
border:solid 2px black;
}
table.grid td, th{
border:solid 2px black;
}
</style>
设置网格线将使用rules属性呈现表,这是旧的操作方式,不再受支持。你现在想用css来设计样式。这相当于您的样本:
<style type="text/css">
.GridView1 { border-spacing: 3px; border-collapse: separate; }
.GridView1 > tbody > tr > th,
.GridView1 > tbody > tr > td { border: 2px ridge black; padding: 3px; }
</style>
<asp:GridView ID="GridView1" runat="server" OnSelectedIndexChanged="GridView1_SelectedIndexChanged" ShowFooter="True" AllowSorting="True" AutoGenerateColumns="True"
Height="350px" BackColor="Black"
CssClass="GridView1" GridLines="none" CellPadding="-1" CellSpacing="-1">
<FooterStyle BackColor="#C6C3C6" ForeColor="Black" />
<HeaderStyle Font-Size="7pt" Width="400px" BackColor="#4A3C8C" Font-Bold="True" ForeColor="#E7E7FF"></HeaderStyle>
<PagerStyle BackColor="#C6C3C6" ForeColor="Black" HorizontalAlign="Right" />
<RowStyle BackColor="#DEDFDE" ForeColor="Black" />
<SelectedRowStyle BackColor="#9471DE" Font-Bold="True" ForeColor="White" />
<SortedAscendingCellStyle BackColor="#F1F1F1" />
<SortedAscendingHeaderStyle BackColor="#594B9C" />
<SortedDescendingCellStyle BackColor="#CAC9C9" />
<SortedDescendingHeaderStyle BackColor="#33276A" />
</asp:GridView>
GridLines=none消除了rules属性。设置css边框属性可定义边框的外观
将cellpadding和cellspacing设置为-1将消除旧式表属性
填充是使用标准Padding属性在th和td元素上定义的
使用“边框间距”和“边框折叠:表格上的单独属性”组合完成间距。这是一种不寻常的顺便说一句-大多数人都会使用边界塌陷:塌陷和没有边界间距
山脊边界样式似乎没有得到很好的支持。IE和FF的做法不同。Chome只是把它画成实体
通过为RowStyle之类的内容定义css类并设置适当的属性,您还可以将一些其他属性移动到样式表中。设置网格线将使用rules属性呈现表格,这是一种旧的操作方式,不再受支持。你现在想用css来设计样式。这相当于您的样本:
<style type="text/css">
.GridView1 { border-spacing: 3px; border-collapse: separate; }
.GridView1 > tbody > tr > th,
.GridView1 > tbody > tr > td { border: 2px ridge black; padding: 3px; }
</style>
<asp:GridView ID="GridView1" runat="server" OnSelectedIndexChanged="GridView1_SelectedIndexChanged" ShowFooter="True" AllowSorting="True" AutoGenerateColumns="True"
Height="350px" BackColor="Black"
CssClass="GridView1" GridLines="none" CellPadding="-1" CellSpacing="-1">
<FooterStyle BackColor="#C6C3C6" ForeColor="Black" />
<HeaderStyle Font-Size="7pt" Width="400px" BackColor="#4A3C8C" Font-Bold="True" ForeColor="#E7E7FF"></HeaderStyle>
<PagerStyle BackColor="#C6C3C6" ForeColor="Black" HorizontalAlign="Right" />
<RowStyle BackColor="#DEDFDE" ForeColor="Black" />
<SelectedRowStyle BackColor="#9471DE" Font-Bold="True" ForeColor="White" />
<SortedAscendingCellStyle BackColor="#F1F1F1" />
<SortedAscendingHeaderStyle BackColor="#594B9C" />
<SortedDescendingCellStyle BackColor="#CAC9C9" />
<SortedDescendingHeaderStyle BackColor="#33276A" />
</asp:GridView>
GridLines=none消除了rules属性。设置css边框属性可定义边框的外观
将cellpadding和cellspacing设置为-1将消除旧式表属性
填充是使用标准Padding属性在th和td元素上定义的
使用“边框间距”和“边框折叠:表格上的单独属性”组合完成间距。这是一种不寻常的顺便说一句-大多数人都会使用边界塌陷:塌陷和没有边界间距
山脊边界样式似乎没有得到很好的支持。IE和FF的做法不同。Chome只是把它画成实体
通过为RowStyle等定义css类并设置适当的属性,您还可以将一些其他属性移动到样式表中。这是否回答了您的问题?这回答了你的问题吗?