给边界动态添加的HTML表格

我有一个HTML表格在我的代码后面动态添加。给边界动态添加的HTML表格

我可以给整个表的边框。

我该怎么做每行？我想在每一行下添加一个边框。

如何在运行时向单元添加超链接？

我已经试过是

tdr.Width = "100px"; 
tdr.Attributes.Add("class", "float-left"); 

row = new HtmlTableRow(); 
cell = new HtmlTableCell(); 
cell.InnerText = doc; 
row.Cells.Add(cell); 
tdr.Rows.Add(row); 

row = new HtmlTableRow(); 
cell = new HtmlTableCell(); 
cell.InnerText = "No Timming"; 
row.Cells.Add(cell); 
tdr.Rows.Add(row); 

row = new HtmlTableRow(); 
cell = new HtmlTableCell(); 
cell.InnerText = weekday[i]; 
row.Cells.Add(cell); 
tdr.Rows.Add(row);

我的CSS：

<style type="text/css"> 
    .float-left 
    { 
     float:left; 
     border-style:solid; 
     border-width:2px; 
     border-color:Black; 
    } 
</style>

来源

2013-03-20 user2177370

您需要在您的TR添加CSS（行）

或像这样的内嵌边框：

row.Attributes.Add("border-bottom", "solid red 1px");

来源

2013-03-20 12:53:33 Moondustt

该属性被添加，但在表的设计没有影响然后如何添加超链接到单元格的值 – user2177370 2013-03-20 13:07:40

我使用'cell.Attributes.CssStyle.Add（“color”，“＃FF0000” ）;'和结果为' ...' – 2017-04-18 05:55:56

对于第一个你的问题的一部分，您可以添加边框没有通过添加一个简单的CSS规则改变你的标记生成：

tr { 
    border-bottom: solid 1px black; 
}

有同时通过about.com和w3c schools

注意对一般的造型表概述你还需要在表上设置border-collapse: collapse; css属性。我的example jsFiddle为你。

您可以将CSS规则在你的CSS节（请注意我还添加了border-collapse）：

<style type="text/css"> 

    tr { 
     border-bottom: solid 1px black; 
    } 

    .float-left{ 
     float:left; 
     border-style:solid; 
     border-width:2px; 
     border-color:Black; 
     border-collapse: collapse; 
    } 

</style>

你也可以考虑去除浮动左的CSS属性，只是改变.float-left是table以进一步简化您的代码。

对于你的问题的第二部分：

，并在运行时

您可以简单地使用HtmlAnchorClass添加超链接到每个表中的值。

事实上，一个简单的例子是：

HtmlAnchor htmlanchor = new HtmlAnchor(); 
htmlanchor.HRef = "http://www.linkurl.com"; 
htmlanchor.InnerText = "My Link Text"; 
//Add it to a cell 
cell.Controls.Add(htmlanchor);

这将一个超链接添加到您的细胞。

您可能还需要考虑使用ASP Repeater Control或DataGrid控件，因为每个控件都可以为您的标记模板提供选项。

来源

2013-03-20 13:05:18 dash

@ user2177370没问题;希望我的回答有帮助。 – dash 2013-03-20 14:30:28

@Mondond是正确的，但他缺少Style标签，这就是为什么没有效果。此外，您无法在<tr>元素上设置样式。你必须在<td>上设置它。

即

的<tr>风格在这里什么都不做。 <td>呢！

<tr style="border-color:black;border-style:solid;border-width:thin;"> 
    <td width="100px" style="border-bottom: black thin solid;">Boarder</td> 
    <td style="background-color:#FFFF00;" width="10px"></td> 
</tr>

为了达到底部边框，至少在细胞中，它的... ...

row.Cells[0].Attributes.Add("style", "border-bottom: black thin solid;");

所以做了一排，你必须做的每个细胞。对不起

来源

2015-12-14 03:28:20 Fandango68

给边界动态添加的HTML表格

回答

相关问题