Oto sorttable.js: https://kryogenix.org/code/browser/sorttable/ i użycie jak poniżej:

<script type="text/javascript" src="https://kryogenix.org/code/browser/sorttable/sorttable.js"></script>
<table class="sortable" border="1">
    <tr>
        <th>Str</th>
        <th>Int</th>
    </tr>
    <tr>
        <td>a</td>
        <td>1</td>
    </tr>
    <tr>
        <td>b</td>
        <td>2</td>
    </tr>
</table>

Teraz chcę utworzyć filtr poniżej pierwszego wiersza:

<script type="text/javascript" src="https://kryogenix.org/code/browser/sorttable/sorttable.js"></script>
<table class="sortable" border="1">
    <tr>
        <th>Str</th>
        <th>Int</th>
    </tr>
    <tr>
        <th>filter
        <select>
        <option>a</option>
        <option>b</option>
        </select>
        </th>
    </tr>
    <tr>
        <td>a</td>
        <td>1</td>
    </tr>
    <tr>
        <td>b</td>
        <td>2</td>
    </tr>
</table>

Ale to będzie posortowane, jak mogę edytować ten sorttable.js i czy mogę to naprawić drugi rząd? (mój sorttable.js jest zapisany w lokalnym pliku) bardzo dziękuję!

1
Zhubei Federer 20 listopad 2019, 07:24
Czy używasz filtru w pierwszej kolumnie, czy nadal potrzebujesz go posortować? ... a jakie jest rzeczywiste zastosowanie filtra?
 – 
Udo E.
20 listopad 2019, 08:36
@UdoE. Jeśli filtr w pierwszej kolumnie nie będzie posortowany, chcę umieścić filtr w drugim rzędzie ze względu na schludny widok. i że mój filtr to tylko próbka, a nie faktyczne użycie.
 – 
Zhubei Federer
20 listopad 2019, 09:02
Powinieneś wyraźnie i konkretnie określić rolę „filtru” i oddzielić jego rolę od funkcji sortowania tabeli sortowania. Na przykład „filtr służy do wyświetlania tylko wierszy powiązanych z wybranym filtrem i ukrywania innych niepowiązanych wierszy”. To jest bardziej wyraźna i przejrzysta specyfikacja.
 – 
Udo E.
20 listopad 2019, 09:49

2 odpowiedzi

W <table class="sortable"> wystarczy usunąć class="sortable", a sortable.js nie będzie działać w drugim wierszu

0
Lei Cui 20 listopad 2019, 07:35
Więc chcesz zachować możliwość sortowania, ale nie chcesz filtrować sortowania?
 – 
Lei Cui
20 listopad 2019, 07:50
Chcę zachować możliwość sortowania i naprawiłem filtr bez sortowania
 – 
Zhubei Federer
20 listopad 2019, 07:51
Możesz usunąć część filtru Html z tabeli.
 – 
Lei Cui
20 listopad 2019, 07:56

Może to działa, usuń część filtra do <thead>

<script type="text/javascript" src="https://kryogenix.org/code/browser/sorttable/sorttable.js"></script>
    <table class="sortable" border="1">
<thead>
    <tr>
        <th>Person</th>
        <th>Monthly pay</th>
    </tr>
</thead>
<thead>
    <tr>
        <th>filter
        <select>
        <option>a</option>
        <option>b</option>
        </select>
        </th>
    </tr>
</thead>
<tbody>
    <tr><td>Jan Molby</td><td>£12,000</td></tr>
    <tr><td>Steve Nicol</td><td>£8,500</td></tr>
    <tr><td>Steve McMahon</td><td>£9,200</td></tr>
    <tr><td>John Barnes</td><td>£15,300</td></tr>
</tbody>
<tfoot>
    <tr><td>TOTAL</td><td>£45,000</td></tr>
</tfoot>
</table>
0
Lei Cui 20 listopad 2019, 08:24