fix(demo): migrate tui-table classes from filter pipe

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>

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;
+}

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,
 })