如何向数据表中的每一行添加按钮？

Question

我添加了一个 table 到我的动态创建 table 列和行。我现在要做的是向 table.[=12= 中的每一行添加一个 Edit 和 Delete 按钮]

为了实现这一点，我尝试在创建 table 行的 for..each 循环中放置两个包含按钮的 td。:

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

但这不是预期的结果，而是在每一行的每个单元格中添加了两个按钮。

问题：

如何为数据中的每一行动态创建按钮 table？

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

Answer 1

我认为您应该将按钮放在第一个 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>

如何向数据表中的每一行添加按钮？

How to add buttons to each row in a dataTable?

html

model-view-controller

datatable

asp.net-mvc-3