Wie fügt man Schaltflächen zu jeder Zeile in einer DataTable hinzu?

Question

Ich habe eine Tabelle hinzugefügt, die dynamisch die Tabellenspalten und -zeilen erstellt. Was ich jetzt zu tun versuche, ist ein Edit und Button zu jeder Zeile in dieser Tabelle hinzufügen.

Um zu erreichen, dass ich zwei TD mit den Tasten der wihthin for..each Schleife versucht platzieren, die die Tabellenzeilen erzeugt .:

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

Aber diese in jeder Zeile jede Zelle zwei Tasten hinzuzufügen, die ist nicht das beabsichtigte Ergebnis.

Frage:

Wie können Tasten dynamisch für jede in einem Datentabellenzeile erstellt werden?

Razr Markup für Tabelle:

<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

Ich glaube, Sie die Tasten, um die erste foreach setzen sollte, denn dies ist die durch die Reihen läuft. Sie sollten diesen Code verwenden. Es erzeugt die zwei Knöpfe bis zum Ende der Reihe.

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