Bootstrap mit WebGrid-Spalte verwenden?

Question

Ich habe nach Beispielen gesucht, kann aber nicht finden, wie ich Bootstrap innerhalb einer Rasterspalte verwenden kann, um eine Schaltfläche zu erstellen. Das Folgende funktioniert, aber ich möchte eine Edit-Schaltfläche statt nur den Text anzeigen.

@grid.GetHtml(tableStyle: "webgrid-table", 
    headerStyle: "webgrid-header", 
    rowStyle: "webgrid-row-style", 
    alternatingRowStyle: "webgrid-alternating-row", 
    selectedRowStyle: "webgrid-selected-row", 
    footerStyle: "webgrid-footer", 

    columns: grid.Columns(
     grid.Column(columnName: "CustomerName", header: "Customer Name"), 
     grid.Column(columnName: "Subject", header: "Subject"), 
     grid.Column(columnName: "CallDate", header: "Call Date"), 
     grid.Column(columnName: "Status", header: "Status"), 
     grid.Column(header: "Edit", format: (item) => 
     { 
      var link = Html.ActionLink("Edit", "Edit", new { id = item.Id }); 
      return link; 
     }), 

Wer weiß von einem Beispiel Ich schaue mir an, um die Edit-Spalte mit einem Bootstrap-Taste zu konvertieren?

Answer 1

Versuchen Sie, das style Argument für die jeweiligen Spalt wie so hinzufügen:

grid.Column(header: "Edit", format: (item) => 
{ 
    var link = Html.ActionLink("Edit", "Edit", new { id = item.Id }); 
    return link; 
}, style: "btn btn-default")