Нажмите на элемент, чтобы отфильтровать столбец в JavaScript (datatables)

0

Я использую javascript DataTables для отображения данных и хочу изменить фильтры, щелкнув элементы данных, а также стандартные меню. Например, у меня есть таблица вроде этого (очевидно, не включая функции javascript, необходимые для фильтрации):

<table>
    <thead>
        <th>name</th>
        <th>number</th>
    </thead>
    <tbody>
        <tr>
            <td>Bob</td>
            <td>5</td>
        </tr>
        <tr>
            <td>Sue</td>
            <td>5</td>
        </tr>
        <tr>
            <td>Sue</td>
            <td>2</td>
        </tr>
        <tr>
            <td>Bob</td>
            <td>1</td>
        </tr>
        <tr>
            <td>Frank</td>
            <td>5</td>
        </tr>
    </tbody>
</table>

Если зритель нажимает на "Боб", я хочу, чтобы фильтр обновлялся, чтобы отображать только строки, содержащие "Боб".

Теги:
datatables

1 ответ

0

Используйте ColumnFilterWidgets или ColumnFilter.

На этих страницах есть примеры, фрагменты и документы. Я надеюсь, что это помогает.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню