bootstrap-table - 使用wenzhixin引导表服务器端分页时如何向td元素添加类或属性
问题描述
我正在使用带有服务器端分页的 wenzhixin 引导表。我的表有两个特殊列(行 Guid 行 id 的第一列,第二列包括每个单元格的两个按钮)
我的问题是,我应该隐藏第一列内容,因为我不想看到用户的所有 Guid id。此外,我的表格数据带有服务器端分页。我无法使用第二列的 html 代码按钮。
如何为服务器端分页添加自定义列,或者如何为第一列或第二列中的所有单元格添加属性?
解决方案
要隐藏列,您可以在bootstrapTable('load',..)
if 之后使用 JavaScript 命令,或者在文档就绪块中使用:
$table.bootstrapTable('hideColumn', 'name')
显示在 Bootstrap-Table 站点:bootstrap-table.com:showColumn-hideCoulumn
或者如果在表中定义,请将 data-visible="false" 添加到您要隐藏的列中。 bootstrap-table.com:列选项可见, 即
<table id="table"
data-toggle="table"... >
<thead>
<tr>
<th data-field="id" data-visible="false" >ID</th>
对于按钮 - 我不确定这是什么类型的项目 - 但我通过数据格式化程序向表格行添加链接按钮解决了这个问题 - 在 API 文档bootstrap-table.com/docs/api上阅读此内容/列选项/#formatter
我使用了github.com/wenzhixin/bootstrap-table/issues/1765上的示例- 在 Format -> 'Basic Format' 下 - 它显示了如何添加链接(通过 Bootstrap CSS 按钮)。要使链接特定于行,请使用 row[] 获取字段值,或者您甚至可以使用 id 列而不是隐藏它,如果那是您的字段(使用 'value' 而不是 row[] 然后 - 请参阅例子)。我做了类似的事情:
<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>';
}
这些大致基于我最近一直在做的事情——没有测试过这些例子,但如果你还没有弄清楚的话,应该会给你一个好的开始......
推荐阅读
- python - 您可以使用 Python 将文件移动到 gcloud VM 实例吗
- tooltip - 散景工具提示不显示
- c - 在作为值传递的结构地址上设置 NULL
- python - 文件夹中的图像文件按字母顺序排序。但是附加列表不是按这个顺序
- java - 在Java中创建对象的ID
- flutter - Dart 中的字符串文字类型模拟
- angular - Primeng Carousel 没有得到正确的样式
- vba - 在 VBA 中引用查询以发送多封电子邮件
- html - why my page is not showing background color when i have added the css
- node.js - 在socket.io“connection”中使用express“app.get”中定义的变量