WP-Table Reloaded 是 WordPress 上的一款功能非常强大的表格工具。除了提供基本的表格管理和发布功能外,还使用 DataTables JavaScript 库来提供对表格的排序、查询和分页等功能。默认情况下,针对某个表格启用排序功能后,该表格的所有列都是可排序的,如果需要指定某些特定列可排序,可以参考下面的操作。
因为这些功能是针对某个表格 DataTables 属性来设置的,需要编辑该表格,通过编写相应的属性选项来完成。要打开编辑某表格的 DataTables 属性,请先打开 WordPress 管理后台的 工具 ——> 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/>。转载请保留此信息及相应链接。