filterable属性用法

filterable 是一个 HTML 属性，用于指定一个元素是否可以被用户进行过滤（筛选）。它通常用于表格或列表中的行或列，使用户能够按照特定的条件来筛选数据。

当一个元素设置了 filterable 属性时，用户可以使用特定的 UI 控件（如下拉框或输入框）来输入筛选条件，然后页面将会根据条件对元素进行筛选。如果元素不符合条件，则它将被隐藏或移除。

以下是一个例子：

<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Email</th>
      <th>Phone</th>
    </tr>
  </thead>
  <tbody>
    <tr filterable>
      <td>John Doe</td>
      <td>john.doe@example.com</td>
      <td>555-555-5555</td>
    </tr>
    <tr filterable>
      <td>Jane Smith</td>
      <td>jane.smith@example.com</td>
      <td>555-123-4567</td>
    </tr>
    <tr filterable>
      <td>Bob Johnson</td>
      <td>bob.johnson@example.com</td>
      <td>555-987-6543</td>
    </tr>
  </tbody>
</table>

在这个例子中，每个表格行都被设置为 filterable，这意味着用户可以对它们进行筛选。用户可以使用 UI 控件来输入要筛选的值，表格将会根据输入的值来显示或隐藏行。