Bootgrid 在单元格中使用 HTML

Question

我在 Asp.net MVC5 项目中使用 Bootgrid 来显示一些数据：

<table id="grid-basic" class="table table-condensed table-hover table-striped">
<thead>
    <tr>
        <th data-column-id="id">ID</th>
        <th data-column-id="name">Name</th>
        <th data-column-id="actions">Actions</th>
    </tr>
</thead>
<tbody>
    @foreach (Test item in Model)
    {
        <tr>
            <td>@item.Id</td>
            <td>@item.Name</td>
            <td>
                <span class="glyphicon glyphicon-search" aria-hidden="true"></span><b>Some Text</b>
            </td>
        </tr>
    }
</tbody>
</table>

问题是 bootgrid 删除了我的 HTML 代码并且没有显示任何我想使用的图标。有谁知道我如何在我的单元格中使用 html，我在 bootgrid 文档中找不到答案？

Answer 1

好的，我找到了适合我的解决方案：我可以使用数据格式化程序：

$("#grid-basic").bootgrid({

    caseSensitive: false,
    columnSelection: false,

    formatters: {
        "commands": function (column, row) {
            return '<span class="icon glyphicon input-group-addon glyphicon-search"></span>';
        }
    }

});

<th data-column-id="actions" data-formatter="commands">Actions</th>

Bootgrid 在单元格中使用 HTML

Bootgrid using HTML in cell

html

asp.net-mvc

jquery

razor

twitter-bootstrap-3