如何在Datatables jquery的columns.render函数中传递多个参数？

Question

我有下面的数据，我想在 Datatables 的 columns.render 函数中传递两个变量 (id, name)。

我现在只在渲染函数中传递id。 我还想在渲染函数中传递name。

谢谢。

const myData = [
  { id: 2, name: "book" },
  { id: 5, name: "song" },
];

$("#example").DataTable({
  data: myData,
  columns: [
    {
      targets: 1,
      data: "id",
      render: function (data, type, row, meta) {
        return (
          "<button class='btn btn-default' data_id='" +
          data + //id is passed to here
          "'>" +
          "name" + //the name I want to pass to here.
          "</button>"
        );
      },
    },
  ],
});

Answer 1

您可以使用render 函数的row 参数来实现。

const myData = [
  { id: 2, name: "book" },
  { id: 5, name: "song" },
];

$("#example").DataTable({
  data: myData,
  columns: [
    {
      targets: 1,
      data: "id",
      render: function (data, type, row, meta) {
        return (
          "<button class='btn btn-default' data_id='" +
          data + //id is passed to here
          "'>" +
          row.name + //get the name using row parameter
          "</button>"
        );
      },
    },
  ],
});

关于渲染功能的更多细节可以在https://datatables.net/reference/option/columns.render找到