Could not find a way to change the route of the app using the buttons on table

[lucafs]

      {
        label: "",
        field: "quick",
        width: "5%",
        display: () => {
            # needed a button here to change route here
        },
    },

Tried several different things and could not find a way to do it.. Can you help me?

[linmasahiro]

Hi, @lucafs , here is example.

1. return an element on display function.

{
  label: "",
  field: "quick",
  width: "5%",
  display: (row) => {
     return "<button id='is-rows-el redirect-btn' data-xx='" + row.xx + "'>redirect</button>"
  },
}

2. add button click event to tableLoadingFinish function

    const tableLoadingFinish = (elements) => {
      table.isLoading = false;
      Array.prototype.forEach.call(elements, function (element) {
        if (element.classList.contains("redirect-btn")) {
          element.addEventListener("click", function () {
            const xx = this.dataset.xx;
            // add your route change code
          });
        }
      });
    };