如何在dataTable的每一行中添加按钮？

Brian J 发表于 Dev

布莱恩·J

我已经向其中添加了一个表，该表可以动态创建表的列和行。我现在想做的是在该表的每一行中添加一个“编辑”和“删除”按钮。

为了实现这一点，我尝试放置两个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>

马特·扎博（Mate Zabo）

我认为您应该将按钮放在第一个foreach上，因为这是贯穿各行的。您应该使用此代码。它将在行尾生成两个按钮。

<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>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。