テーブルクイックフィルター
特定の種類のアイテムの番号を表示できるボタンの上にあるボタンの例を探して、ボタンをクリックすると、テーブルをフィルタリングします。
どんなリンクや例でも大いに役立ちます。
私はたくさんの例を探しました。私が見つけた一例はこちらです。同様の例を探し、さらに複雑な例がないかどうかを確認します（複数の列に基づくフィルター）。
最も親しみやすい例。 「アクティブ」「ホット」などをクリックすると、リストがフィルタリングされます。 
あなたの場合、「アクティブ」、「ホット」の代わりに「アイテムのアイコン/名前+特定のアイテムの番号」を使用してください。
説明から、複数選択フィルタータグの例を探していると思います。他のコンポーネントと同じように、同じ機能には多くの名前があります。これは主に、大規模なデータグリッドをフィルタリングするためのエンタープライズアプリケーションによる追加のフィルターとして使用されます。参考までに、以下のリンクをいくつか添付します。
- Etrade設計システムによる複数選択フィルター： https://etrade.design/filters#multi-select-filter
- Ant設計システムによるチェック可能なタグ： https://ant.design/components/tag/
- Predix GEによる静的チップ： https://www.predix-ui.com/#/elements/px-chip
- 材料設計によるチップのフィルター： https://material.io/components/chips/#filter-chips
- 画面をフィルタリングするZeplinのタグ： https://blog.zeplin.io/organizing-screens-in-zeplin-with-tags-128dc3ed0749
多分あなたは datatables のようなものが必要です、それはjqueryプラグインです。