I'm using https://bootstrap-table.com/ for my table. I created several buttons to filter through specific columns using filterBy method. Now what I want to achieve is that filters search through only the data that is visible at the time instead of filtering through the whole table again, so that with every button click the only data visible is the one that matches two or more filters.

I initially thought that the 'filterAlgorithm': 'and' is what would do the trick, but it only works for what is already specified in the function and I have different function for every button.

    $(function () {
      $button.click(function () {
        $table.bootstrapTable('filterBy', {
          tag: ('2D')
        },
          {
            'filterAlgorithm': 'and'
          })
      })
    })

Is there a way to either combine those filters or somehow access the data after it beeing filtered? If I could access that data how would I go about displaying it? Right now I'm using simple flask to populate the table in plain HTML. I'm a total noob, so I have a feeling solution might be really simple, but I can't find it myself.