仅允许 WP-Table Reloaded 表格的特定列可排序

WP-Table Reloaded 是 WordPress 上的一款功能非常强大的表格工具。除了提供基本的表格管理和发布功能外,还使用 DataTables JavaScript 库来提供对表格的排序、查询和分页等功能。默认情况下,针对某个表格启用排序功能后,该表格的所有列都是可排序的,如果需要指定某些特定列可排序,可以参考下面的操作。

因为这些功能是针对某个表格 DataTables 属性来设置的,需要编辑该表格,通过编写相应的属性选项来完成。要打开编辑某表格的 DataTables 属性,请先打开 WordPress 管理后台的 工具 ——> WP-Table Reloaded 页面,鼠标悬停在要编辑的表格上面,然后点选 编辑,以打开该表格的编辑页面。

接着向下浏览到 数据表 JavaScript 特性(DataTables JavaScript)部分,如下图所示。

WP-Table Reloaded 的数据表 JavaScript 特性(DataTables JavaScript)设置

WP-Table Reloaded 的数据表 JavaScript 特性(DataTables JavaScript)设置

在上图中 自定义命令 部分输入对应的属性设置,然后单击下面的 保存更改 按钮。

所谓的自定义命令,就是控制 DataTables 功能的选项设置。要使表格的第 2 列可排序而其它列不可排序,请输入下面的语句:

"aoColumnDefs": [ { "bSortable": true, "aTargets": [ 1 ] }, { "bSortable": false, "aTargets": [ "_all" ] }]

其中:

  • "aoColumnDefs": 表示要自定义的对象是 Column(列);
  • 之后最外层的 [ ] 里面的内容就是自定义的选项值,这里包含两项,分别用 { } 括起来,两个 { } 之间用英文的逗号 , 分隔;
  • 第一个 { } 定义了可以被排序的列的标号,注意,因为表格的行和列都是从 0 开始计算,所以第 2 列这里就用了数字 1;
  • 以此类推,如果要使第 2、4 列可排序,则将其中的 1 改为 1,3,数字间用英文的逗号 , 分隔;
  • 第二个 { } 接着定义了不可被排序的列的标号,这里使用 _all 表示所有列,但是因为前面指定了需要可排序的列,所以对于前面指定的列,程序优先执行前一设置。

这个设置还是挺简单的吧。更多设置可以参考 DataTables 的文档。©

本文发表于水景一页。永久链接:<http://cnzhx.net/blog/make-only-selected-columns-sortable-wptr/>。转载请保留此信息及相应链接。

时间过去太久,评论已关闭。
如果您有话要说,请到讨论区留言并给出此文章链接。
谢谢您的理解 :-)