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
         });
       }
     });
   };