How to pass multiple parameters in columns.render function in Datatables jquery?

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

prinkpan · Accepted Answer · 2021-05-04 06:54:17Z

4

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

answered May 4, 2021 at 6:54

prinkpan

2,2661 gold badge23 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

ikhvjs Over a year ago

Thanks. Actually, I don't need to use the argument data, I can only use row to access my data obejct then.

prinkpan Over a year ago

Yes, you can also use row.id instead of data

Collectives™ on Stack Overflow

How to pass multiple parameters in columns.render function in Datatables jquery?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related