如何向dataTable中的每一行添加按钮？
如何向dataTable中的每一行添加按钮？
提问于 2016-05-17 14:22:13
我在我的表中添加了一个表，它动态地创建表列和行。我现在要做的是向该表中的每一行添加一个Edit和Delete按钮。
为了达到这个目的，我尝试放置两个包含按钮的td，使用创建表行的for..each循环。
@foreach (var cell in row.ItemArray) {
<td style="word-wrap:break-word;font-size:11px">@cell.ToString()</td>
<td><a class="btn-success">Edit</a></td>
<td><a class="btn-danger">Delete</a></td>
}但这会在每行的每个单元格中添加两个按钮，这不是预期的结果。
问题：
如何为数据表中的每一行动态创建按钮？
表的Razr标记：
<table id="escalation" class="table table-striped table-bordered" cellspacing="0" width="100%">
<thead>
<tr>
@foreach (System.Data.DataColumn col in Model.Columns)
{
<th style="font-size: 12px; border-right: 1px solid #7591ac; ">@col.Caption</th>
}
</tr>
</thead>
<tbody>
@foreach (System.Data.DataRow row in Model.Rows)
{
<tr>
@foreach (var cell in row.ItemArray)
{
<td style="word-wrap:break-word;font-size:11px">@cell.ToString()</td>
<td><a class="btn-success">Edit</a></td>
<td><a class="btn-danger">Delete</a></td>
}
</tr>
}
</tbody>
</table>回答 1
Stack Overflow用户
回答已采纳
发布于 2016-05-17 19:04:12
我认为你应该把按钮放在第一个前端，因为这是贯穿行的。你应该使用这段代码。它将生成到行尾的两个按钮。
<tbody>
@foreach (System.Data.DataRow row in Model.Rows)
{
<tr>
@foreach (var cell in row.ItemArray)
{
<td style="word-wrap:break-word;font-size:11px">@cell.ToString()</td>
}
<td><a class="btn-success">Edit</a></td>
<td><a class="btn-danger">Delete</a></td>
</tr>
}
</tbody>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/37278839
复制相关文章
相似问题
腾讯云开发者
