Taiga UI 5.0 is out!

Filter CDK

GitHub

Pipe for filtering an array

Usage

NameSum, $
Sword1000
Spear500
    
      
    
    
      <table
    tuiTable
    [style.width.rem]="17"
>
    <thead>
        <tr>
            <th tuiTh>Name</th>
            <th tuiTh>Sum, $</th>
        </tr>
    </thead>
    <tbody tuiTbody>
        @for (item of items | tuiFilter: matcher : 300; track item) {
            <tr>
                <td tuiTd>{{ item.name }}</td>
                <td tuiTd>{{ item.price }}</td>
            </tr>
        }
    </tbody>
</table>

    
    
      @import '@taiga-ui/styles/utils.less';

[tuiTh],
[tuiTd] {
    border: none;
}

[tuiTd] {
    font: var(--tui-typography-body-m) !important;
}