datatable -- 后端分页时的参数设置
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了datatable -- 后端分页时的参数设置相关的知识,希望对你有一定的参考价值。
参考技术A 当serverSide:true 时, 表示后端进行分页处理 。datatable 的ajax get方法上送的请求头和请求数据:
服务器端返回的数据:
服务端返回的是json格式报文。
使用wenzhixin引导表服务器端分页时如何向td元素添加类或属性
【中文标题】使用wenzhixin引导表服务器端分页时如何向td元素添加类或属性【英文标题】:How to add class or attribute to td element while using wenzhixin bootstrap table server side pagination 【发布时间】:2019-06-10 10:46:51 【问题描述】:我正在使用带有服务器端分页的 wenzhixin 引导表。我的表格有两个特殊的列(第一列是行 Guid 行 id,第二列包括每个单元格的两个按钮)
我的问题是,我应该隐藏第一列内容,因为我不想看到用户的所有 Guid id。此外,我的表格数据带有服务器端分页。我无法使用第二列的 html 代码按钮。
如何为服务器端分页添加自定义列,或者如何为第一列或第二列中的所有单元格添加属性?
【问题讨论】:
【参考方案1】:要隐藏列,您可以在 bootstrapTable('load',..)
之后使用 JavaScript 命令(如果您使用了该命令),或者在文档就绪块中使用:
$table.bootstrapTable('hideColumn', 'name')
在 Bootstrap-Table 网站上显示:bootstrap-table.com: showColumn-hideCoulumn
或者如果在表格中定义,请将 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>
对于按钮 - 我不确定这是什么类型的项目 - 但我通过数据格式化程序向表格行添加链接按钮解决了这个问题 - 请阅读 API 文档bootstrap-table.com/docs/api/column-options/#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>';
这些大致基于我最近一直在做的事情 - 没有测试这些示例,但如果你还没有弄清楚的话,应该会给你一个好的开始......
【讨论】:
以上是关于datatable -- 后端分页时的参数设置的主要内容,如果未能解决你的问题,请参考以下文章
bootstrapTable翻页(后端分页)数据对不上的问题
如何在 ASP.net Core 中实现 dataTables 服务器端分页/搜索/排序