如何在使用wenzhixinbootstraptable服务端分页的同时给td元素添加class或属性

Question

我正在使用带有服务器端分页的文之信bootstrap table。我的 table 有两个特殊列（第一列用于行 Guid 行 ID，第二列包括每个单元格的两个按钮）

我的问题是，我应该隐藏第一列内容，因为我不想看到用户的所有 Guid id。此外，我的 table 数据带有服务器端分页。我无法使用第二列的 html 代码按钮。

如何为服务器端分页添加自定义列，或者如何为第一列或第二列中的所有单元格添加属性？

Answer 1

要隐藏列，您可以在 bootstrapTable('load',..) 之后使用 JavaScript 命令（如果您使用过），或者在文档就绪块中使用：

$table.bootstrapTable('hideColumn', 'name')

显示在 Bootstrap-Table 网站上：bootstrap-table.com: showColumn-hideCoulumn

或者如果在 table 中定义，请将 data-visible="false" 添加到您希望隐藏的列中。 bootstrap-table.com: column-options visible 即

<table id="table"
  data-toggle="table"... >
<thead>
    <tr>
        <th data-field="id" data-visible="false" >ID</th>

对于按钮 - 我不确定这是什么类型的项目 - 但我通过数据格式化程序将 link 按钮添加到 table 行来解决这个问题 - 阅读这个在 API 文档中 bootstrap-table.com/docs/api/column-options/#formatter

我使用了在 github.com/wenzhixin/bootstrap-table/issues/1765 上找到的示例 - 在格式 -> 'Basic Format' 下 - 它显示了如何添加 link（按钮通过 Bootstrap CSS).要使 link 特定于一行，请使用 row[] 获取字段值，或者您甚至可以使用 id 列而不是隐藏它，如果那是您的字段（使用 'value' 而不是行 [] 然后 - 请参阅示例）。我做了我的事情：

<th data-formatter="buttonFormatter">View Links</th>

然后在 javascript <script> 块中：

function buttonFormatter(value, row, index) {
    var id= row["id"];
    var url = "https:/...&id=" + id;
    return '<a href="'+ url + '" class="btn btn-primary">View</a>';
}

这些内容大致基于我最近所做的事情 - 尚未测试这些示例，但如果您还没有弄清楚，应该会给您一个良好的开端...

如何在使用wenzhixinbootstraptable服务端分页的同时给td元素添加class或属性

How to add class or attribute to td element while using wenzhixin bootstrap table server side pagination

bootstrap-table