columns.render 怎么用

`columns.render` 是 Datatables 中一个非常常用的选项，用于自定义表格列的渲染方式，可以根据需要返回不同的数据或者 HTML 元素。具体用法如下：

1. 在初始化 Datatables 时，设置 `columns` 选项，例如：

$(document).ready(function() {
  $('#example').DataTable( {
    ajax: 'data.json',
    columns: [
      { data: 'name', title: 'Name' },
      { data: 'position', title: 'Position' },
      { data: 'office', title: 'Office' },
      { data: 'salary', title: 'Salary',
        render: function ( data, type, row ) {
          return '$' + data; // 在数据前加上美元符号
        }
      }
    ]
  } );
} );

在上述代码中，`columns.render` 的作用是将 `salary` 列中的数据前加上美元符号，例如将 `10000` 渲染为 `$10000`。

2. `columns.render` 函数的参数解释如下：

- `data`：当前单元格中的原始数据；
- `type`：当前单元格的渲染类型，有 `display`（用于显示）和 `filter`（用于过滤）两种类型；
- `row`：当前行的数据对象。

3. `columns.render` 函数需要返回一个用于渲染单元格的值。可以是一个简单的字符串，也可以是一个包含 HTML 元素的字符串。

例如，如果想要在单元格中显示一个链接，可以返回一个包含 `<a>` 元素的字符串：

$(document).ready(function() {
  $('#example').DataTable( {
    ajax: 'data.json',
    columns: [
      { data: 'name', title: 'Name',
        render: function ( data, type, row ) {
          return '<a href="' + row.url + '">' + data + '</a>'; // 返回一个链接
        }
      },
      { data: 'position', title: 'Position' },
      { data: 'office', title: 'Office' },
      { data: 'salary', title: 'Salary' }
    ]
  } );
} );

通过以上操作，您可以自定义表格列的渲染方式，使得表格数据更加丰富多彩。