仅允许 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/>。转载请保留此信息及相应链接。

雁过留声,人过留名

您的电子邮箱地址不会被公开。 必填项已用 * 标注

特别提示:与当前文章主题无关的讨论相关但需要较多讨论求助信息请发布到水景一页讨论区的相应版块,谢谢您的理解与合作!请参考本站互助指南
您可以在评论中使用如下的 HTML 标记来辅助表达: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>