title: Angular Material mat-table apply multiple checkbox filter on single column then search further
body: <p>I'm trying to filter a single column in mat-table with multiple values then perform a further search on the resulted rows, I've searched everywhere but couldn't find an example similar to that.</p>
  <p>I want to achieve something like this
  <a href="https://i.stack.imgur.com/RPg9E.png" rel="nofollow noreferrer">Table image with filters &amp; search</a></p>
  <p>So here i can apply ball color on 'Balls' column then search further on the result</p>
  <p>I hope someone can guide me in the right direction with an small example if possible, really struggling with this one</p>