Multiple criteria filter

const filter = table.createAdvancedFilter('priority', check.isEqualTo)
<button 
    onclick={() => filter.set('high')}
    class:active={filter.criteria.includes('high')}
>High priority</button>

<button
    onclick={() => filter.set('low')}
    class:active={filter.criteria.includes('low')}
>Low priority</button>

Example

  • nulla suspendisse potenti cras in purus eu magna vulputate luctus cum sociis natoque penatibus et magnis dis parturient medium
  • posuere felis sed lacus morbi sem mauris laoreet ut rhoncus aliquet medium
  • morbi a ipsum integer a nibh in quis justo maecenas rhoncus aliquam lacus morbi quis tortor id nulla ultrices medium
  • consectetuer eget rutrum at lorem integer tincidunt ante vel ipsum praesent blandit lacinia erat vestibulum low
  • purus phasellus in felis donec high
  • turpis elementum ligula vehicula consequat morbi a ipsum integer a nibh in quis justo maecenas rhoncus high
  • penatibus et magnis dis parturient montes nascetur ridiculus mus vivamus high
  • pellentesque viverra pede ac diam cras pellentesque volutpat dui maecenas tristique est et tempus semper est quam pharetra magna high
  • non quam nec dui luctus rutrum nulla tellus in sagittis dui vel nisl duis ac low
  • eget elit sodales scelerisque mauris sit amet eros suspendisse accumsan high
  • quis lectus suspendisse potenti in eleifend quam a odio in hac habitasse platea dictumst maecenas ut massa low
  • tincidunt nulla mollis molestie lorem quisque ut erat curabitur gravida nisi at nibh high
  • nec condimentum neque sapien placerat ante nulla justo aliquam quis medium
  • mus etiam vel augue vestibulum rutrum rutrum neque aenean auctor gravida sem medium
  • luctus et ultrices posuere cubilia curae mauris viverra diam vitae quam suspendisse potenti nullam porttitor lacus at turpis donec low
  • in faucibus orci luctus et ultrices posuere cubilia curae mauris viverra diam vitae quam medium
  • gravida nisi at nibh in hac habitasse platea dictumst aliquam augue quam sollicitudin vitae low
  • risus dapibus augue vel accumsan tellus nisi eu orci mauris lacinia sapien quis libero low
  • tempus vivamus in felis eu sapien cursus vestibulum proin eu mi nulla low
  • aenean fermentum donec ut mauris eget massa tempor convallis nulla neque libero convallis eget eleifend luctus ultricies eu nibh quisque medium