У меня есть GridView
в ASP.NET 2.0, который я хочу, чтобы отображались только внутренние линии сетки. Вот моя разметка и CSS на данный момент:
<asp:GridView ID="myGrid" runat="server" GridLines="None" CssClass="myDataGridClass">
<Columns>
...columns here...
</Columns>
</asp:GridView>
CSS:
.myDataGridClass>tbody>tr>td /* Apply border to all cells */
{
border:1px solid black;
}
.myDataGridClass>tbody>tr>th /* Apply border to headers */
{
border:1px solid black;
}
.myDataGridClass>tbody>tr>td:last-child /* Remove right-side border */
{
border-right-width:0;
}
.myDataGridClass>tbody>tr>td:first-child /* Remove left-side border */
{
border-left-width:0;
}
.myDataGridClass>tbody>tr>th:last-child /* Remove right-side header border */
{
border-right-width:0;
}
.myDataGridClass>tbody>tr>th:first-child /* Remove left-side header border */
{
border-left-width:0;
}
.myDataGridClass>tbody>tr:last-child>td /* Remove bottom border */
{
border-bottom-width:0;
}
.myDataGridClass>tbody>tr>th /* Remove top border */
{
border-top-width:0;
}
Правильно ли я считаю, что должен быть более простым способом сделать это? Мой метод выше уже не работает в IE, так как я использую last-child
.