From 143e7828cc2bf3ab3551b0e1f39ac87bea602e3f Mon Sep 17 00:00:00 2001
From: shiv9604 <shivkounsalye@gmail.com>
Date: Thu, 19 Dec 2024 00:46:24 +0530
Subject: [PATCH] fix(demo): migrate tui-table classes from filter pipe

---
 .../pipes/filter/examples/1/index.html        | 21 ++++++++++++-------
 .../pipes/filter/examples/1/index.less        | 10 +++++++++
 .../modules/pipes/filter/examples/1/index.ts  | 20 +++++++++++++++++-
 3 files changed, 42 insertions(+), 9 deletions(-)
 create mode 100644 projects/demo/src/modules/pipes/filter/examples/1/index.less

diff --git a/projects/demo/src/modules/pipes/filter/examples/1/index.html b/projects/demo/src/modules/pipes/filter/examples/1/index.html
index 3209a154fb81..3b499fc07cf9 100644
--- a/projects/demo/src/modules/pipes/filter/examples/1/index.html
+++ b/projects/demo/src/modules/pipes/filter/examples/1/index.html
@@ -1,12 +1,17 @@
-<table class="tui-table table">
-    <thead>
-        <tr>
-            <th class="tui-table__th cell_name">Name</th>
-            <th class="tui-table__th cell_sum">Sum, $</th>
+<table
+    tuiTable
+    [style.width.rem]="17"
+>
+    <thead tuiThead>
+        <tr tuiThGroup>
+            <th tuiTh>Name</th>
+            <th tuiTh>Sum, $</th>
         </tr>
+    </thead>
+    <tbody tuiTbody>
         <tr *ngFor="let item of items | tuiFilter: matcher : 300">
-            <td class="tui-table__td cell_name">{{ item.name }}</td>
-            <td class="tui-table__td cell_sum">{{ item.price }}</td>
+            <td tuiTd>{{ item.name }}</td>
+            <td tuiTd>{{ item.price }}</td>
         </tr>
-    </thead>
+    </tbody>
 </table>
diff --git a/projects/demo/src/modules/pipes/filter/examples/1/index.less b/projects/demo/src/modules/pipes/filter/examples/1/index.less
new file mode 100644
index 000000000000..47ef92e0b10c
--- /dev/null
+++ b/projects/demo/src/modules/pipes/filter/examples/1/index.less
@@ -0,0 +1,10 @@
+@import '@taiga-ui/core/styles/taiga-ui-local';
+
+[tuiTh],
+[tuiTd] {
+    border: none;
+}
+
+[tuiTd] {
+    font: var(--tui-font-text-m) !important;
+}
diff --git a/projects/demo/src/modules/pipes/filter/examples/1/index.ts b/projects/demo/src/modules/pipes/filter/examples/1/index.ts
index 32adb9852178..6f576255c627 100644
--- a/projects/demo/src/modules/pipes/filter/examples/1/index.ts
+++ b/projects/demo/src/modules/pipes/filter/examples/1/index.ts
@@ -2,6 +2,14 @@ import {NgForOf} from '@angular/common';
 import {Component} from '@angular/core';
 import {changeDetection} from '@demo/emulate/change-detection';
 import {encapsulation} from '@demo/emulate/encapsulation';
+import {
+    TuiTable,
+    TuiTableHead,
+    TuiTableTbody,
+    TuiTableTd,
+    TuiTableTh,
+    TuiTableThGroup,
+} from '@taiga-ui/addon-table';
 import {TuiFilterPipe} from '@taiga-ui/cdk';
 
 export interface Item {
@@ -11,8 +19,18 @@ export interface Item {
 
 @Component({
     standalone: true,
-    imports: [NgForOf, TuiFilterPipe],
+    imports: [
+        NgForOf,
+        TuiFilterPipe,
+        TuiTable,
+        TuiTableHead,
+        TuiTableThGroup,
+        TuiTableTh,
+        TuiTableTbody,
+        TuiTableTd,
+    ],
     templateUrl: './index.html',
+    styleUrls: ['./index.less'],
     encapsulation,
     changeDetection,
 })