Как использовать раскрывающийся список для фильтрации строк в jQuery tableorter? - PullRequest
0 голосов
/ 06 мая 2020

Я хотел бы использовать раскрывающийся список для фильтрации отсортированной таблицы jQuery. После создания таблицы пользователь может выбрать параметр, который скроет все другие параметры без необходимости повторного вызова источника данных.

<script type="text/javascript">
    $(function() {
        $("#myTable").tablesorter({sortList:[[0,0]], widgets: ['zebra']});  
    });
</script>
<script type="text/jscript">
    function filter(value) {
        alert(value);
        // Hide all rows without the selected value on column A //
    }
</script>

<table id="myTable" class="tablesorter">
    <thead>
        <tr>
            <th>A</th><td>
                        <select name="SelectA" onchange="filter(this.value);">
                            <option></option>
                            <option>1</option>
                            <option>2</option>
                        </select>

                      </td>
            <th>V</th>
        </tr>
    </thead>
    <tbody>     
        <tr id="1">
            <td colspan="2">1</td>
            <td>5</td>
        </tr>
        <tr id="2">
            <td colspan="2">1</td>
            <td>4</td>
        </tr>
        <tr id="3">
            <td colspan="2">2</td>
            <td>3</td>
        </tr>
    </tbody>
</table>

В этом примере после выбора «2» я бы как будто все единицы исчезнут.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...