对 WebGrid 列使用 Bootstrap？

Question

我一直在搜索示例，但似乎找不到如何在网格列内使用 Bootstrap 来创建按钮。以下有效，但我想显示一个编辑按钮，而不仅仅是文本。

@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;
        }),

有谁知道我正在看的将“编辑”列转换为使用 Bootstrap 按钮的示例吗？

Answer 1

尝试为该特定列添加 style 参数，如下所示：

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

对 WebGrid 列使用 Bootstrap？

Use Bootstrap with WebGrid column?

asp.net-mvc

webgrid

twitter-bootstrap