2016-05-17 4 views
0

Я добавил таблицу, в которую динамически создаются столбцы и строки таблицы. То, что я пытаюсь сделать сейчас, это добавить Редактировать и Удалить кнопку для каждой строки в этой таблице.Как добавить кнопки в каждую строку в dataTable?

Для того, чтобы достичь этого я попытался размещения два ТД, содержащий кнопки wihthin петли 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> 
+0

Этот блог имеет некоторую хорошую информацию об этом и есть пакет NuGet для начать сбор пункт http://blog.stevensanderson.com/2010/01/28/editing-a-variable-length-list- САШ-2 MVC-стиль / – twothreebrent

ответ

2

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

<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> 
Смежные вопросы