Внутренние линии сетки в GridView в ASP.NET - PullRequest
2 голосов
/ 22 июня 2011

У меня есть 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.

Ответы [ 2 ]

5 голосов
/ 22 июня 2011
protected void Page_Load(object sender, EventArgs e)
{
    this.myGrid.Attributes.Add("bordercolor", "#000");
}

В GridView декларативный атрибут bordercolor добавляет объявление встроенного стиля, которое применяется только к самой таблице, а не к отдельным ячейкам.

Добавление атрибута bordercolor программным способом не использует встроенный стиль, но использует свойство HTML bordercolor, которое браузеры применяют ко ВСЕМ границам внутри таблицы.

См. Комментарии к этому сообщению в блоге:

http://codersbarn.com/post/2009/05/31/Set-Color-of-GridLines-in-Gridview.aspx

0 голосов
/ 23 июля 2014
GridLines="None" CellSpacing="2" BackColor="White"
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...