Question

我想过滤和搜索HTML表格中的数据。

因此，我生成了一个HTML表格，在各个列上方都有几个输入字段。

如果我搜索某些内容，则表中不会显示所有没有筛选键的行。但是，如果我使用两个过滤器进行搜索，则会再次添加一些行。如果我使用两个过滤器进行搜索，则只希望在显示的数据中搜索，而不是在整个数据中搜索。

在下面的示例中，您仅看到前两列的搜索功能。这将被扩展到其他列。

HTML

public bool ShouldSerializeLastStatusUpdateString() => LastStatusUpdate.HasValue;

JS

<table id="bestand">   

    <tr class="header">
      <th>Projekt Nummer</th>
      <th>Projekt Name</th>
      <th>Inhalt</th>
      <th>Bauort</th>
      <th>Standort</th>
      <th>Ausleihdatum</th>
      <th>Nutzer</th>
    </tr>

    <tr class="header">
      <td><input type="text" [(ngModel)]="query_1" (ngModelChange)="search_1()"></td>
      <td><input type="text" [(ngModel)]="query_2" (ngModelChange)="search_2()"></td>
      <td><input type="text" [(ngModel)]="query_3" (ngModelChange)="onSearch_3()"></td>
      <td><input type="text" [(ngModel)]="query_4" (ngModelChange)="onSearch_4()"></td>
      <td><input type="text" [(ngModel)]="query_5" (ngModelChange)="onSearch_5()"></td>
      <td><input type="text" [(ngModel)]="query_6" (ngModelChange)="onSearch_6()"></td>
      <td><input type="text" [(ngModel)]="query_7" (ngModelChange)="onSearch_7()"></td>
    </tr>

</table>

}

使用过滤器搜索HTML表

0 个答案: