JQuery Datatables render 说明

在 JQuery Datatables 中，渲染器（render）是一种用于修改单元格中数据显示方式的方法。使用渲染器，你可以将列中的数据以特定的方式呈现，例如格式化日期、显示图片等。在使用 Datatables 的时候，你可以将渲染器指定给一列，然后 Datatables 会在呈现表格时自动应用该渲染器。

渲染器是一个 JavaScript 函数，它接收四个参数：

function(data, type, row, meta) {
  // data: 单元格中的数据
  // type: 描述单元格数据类型的字符串，可能的值为 'display', 'filter', 'sort', 'type'
  // row: 包含该单元格数据的行的数据对象
  // meta: 包含该单元格数据的行和列的元数据对象
}

其中 `data` 参数是单元格中的数据，`type` 参数是一个描述单元格数据类型的字符串。`type` 参数有四种可能的取值：

- `display`: 用于在表格中显示的数据。
- `filter`: 用于过滤数据的数据。
- `sort`: 用于排序的数据。
- `type`: 用于定义数据类型的数据。

根据 `type` 参数的不同取值，渲染器可以返回不同的数据格式。例如，如果 `type` 参数为 `display`，渲染器可能会返回一个 HTML 字符串，用于在表格中呈现单元格数据；如果 `type` 参数为 `sort`，渲染器可以返回一个数字或字符串，用于在排序时比较单元格数据。

除了接收参数，渲染器还必须返回一个字符串或 DOM 元素，用于表示单元格中的数据。如果渲染器返回一个字符串，该字符串将显示在单元格中；如果渲染器返回一个 DOM 元素，该元素将作为单元格中的内容。

要为 Datatables 中的列指定渲染器，可以使用 `columnDefs` 选项。例如，以下代码将第一列的渲染器设置为一个将日期格式化为 `YYYY-MM-DD` 的函数：

$('#example').DataTable( {
  columnDefs: [
    {
      targets: 0,
      render: function(data, type, row, meta) {
        if (type === 'display') {
          return moment(data).format('YYYY-MM-DD');
        } else {
          return data;
        }
      }
    }
  ]
});

以上代码使用了 moment.js 库来格式化日期。