Граница вокруг одного HtmlRow - PullRequest
Новая
       13

Граница вокруг одного HtmlRow

0 голосов
/ 16 сентября 2011

Я пытаюсь добавить границу только к одному HtmlRow в C #. Строка идет в таблице, которая имеет границу вокруг своего края. Я пробовал: 

row.Attributes.Add("border-bottom", "1px");
row.Attributes.Add("border-color", "#000000");
row.Attributes.Add("border-style", "solid");
row.Style.Add("border-width", "1px");
row.Style.Add("border-color", "#000000");
row.Style.Add("border-style", "solid");
row.BorderColor = "#000000";

результирующий html для строки: 

<tr class="tableHeader" Style="height:30px;border-width:1px;border-color:#000000;border-style:solid;" border-bottom="1px" border-color="#000000" border-style="solid" bordercolor="#000000">

<tr class="tableHeader" Style="height:30px;border-width:1px;border-color:#000000;border-style:solid;" border-bottom="1px" border-color="#000000" border-style="solid" bordercolor="#000000">
    <td width="25px" align="center"><FONT COLOR=#000000>Last</FONT></td>
    <td width="50px" align="center"><FONT COLOR=#000000>First</FONT></td>
    <td align="center" width="100px"><FONT COLOR=#000000>Address</FONT></td>
    <td width="50px" align="center"><FONT COLOR=#000000>Phone</FONT></td>
</tr>

Но ни один из них не сработал. Я не могу использовать таблицу для создания границы, потому что строка используется для моделирования последующих строк. Кроме того, если это облегчает задачу, мне нужна граница только для нижней части строки.

1 Ответ

1 голос
/ 16 сентября 2011

вам, вероятно, следует добавить стиль в таблицу стилей и использовать класс. это также облегчит вам тестирование, поскольку вам просто нужно добавить стиль во время выполнения, а не каждый элемент, создающий желаемый эффект.

как насчет этого http://jsfiddle.net/yQbTp/1/

<table id="border">
    <tr>
        <td>apple</td>
        <td>banana</td>
    </tr>
    <tr class="border">
        <td>cherry</td>
        <td>date</td>
    </tr>
    <tr>
        <td>egg</td>
        <td>fruit</td>
    </tr>
    <tr>
        <td>grape</td>
        <td>ham</td>
    </tr>
</table>
table#border{
    width:100%;
    border:1px solid black;
}
table#border tr.border{
    border:1px solid red;
}
table#border tr:last-child{
    border:1px solid green;
}
...