如何在columns中传递多个参数。在Datatables jquery中渲染function？

Question

I have data below and I want to pass two variables (id, name) in the columns.render function in Datatables.

What I have now is only pass the id in the render function. I also want to pass name in the render function.

Thanks.

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

You can do it using the row parameter of render function.

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>"
        );
      },
    },
  ],
});

More details about render function can be found at https://datatables.net/reference/option/columns.render