Datatable Zeilen Ausblenden

Ich brauche Hilfe zum AUSBLENDEN der Zeilen aus der Datatable,

Wenn Benutzer wählt "Alle Anzeigen" aus der Dropdown-Liste die vollständige Datentabelle dargestellt werden sollen,

Sonst , wenn der Benutzer wählt "Ausblenden " USA",

Ich möchte ausblenden der Zeilen, deren Land Spalte ist der Wert "USA".

Also müssen Sie irgendeine Art von ausblenden/einblenden Umschalten der Funktionalität der Datatable je nach Spalte den Wert.

Hier ist mein Beispiel code -

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>

    <script src="https://code.jquery.com/jquery-1.12.3.js"></script>
    <script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css">

    <script type="text/javascript">
        $(document).ready(function() {

            var table = $('#example').DataTable();

            $("#choice").on("change",function(){

                var _val = $(this).val();

                 if(_val == 2){   
                        table
                        .columns(2)
                        .search('USA',true)
                        .draw();
                  }
                  else{
                    table
                    .columns()
                    .search('')
                    .draw(); 
                  }
            });
        } );



    </script>

    <style>
        #choice{
            width: 135px;
            height: 35px;
            margin-bottom: 20px;
        }
    </style>

</head>

<body>

    <select name="choice" id="choice">
        <option value="1">Show All</option>
        <option value="2">Hide USA</option>
    </select>

    <table id="example" class="display" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>Name</th>
                <th>Age</th>
                <th>Country</th>
            </tr>
        </thead>
        <tfoot>
            <tr>
                <th>Name</th>
                <th>Age</th>
                <th>Country</th>
            </tr>
        </tfoot>
        <tbody>
            <tr>
                <td>Tiger Nixon</td>
                <td>61</td>
                <th>USA</th>
            </tr>
            <tr>
                <td>Garrett Winters</td>
                <td>63</td>
                <th>USA</th>
            </tr>
            <tr>
                <td>Ashton Cox</td>
                <td>61</td>
                <th>Mexico</th>
            </tr>
            <tr>
                <td>Cedric Kelly</td>
                <td>45</td>
                <th>Brazil</th>
            </tr>
            <tr>
                <td>Airi Satou</td>
                <td>56</td>
                <th>Japan</th>
            </tr>

        </tbody>
    </table>

</body>
</html>

Meinen aktuellen code Versteckt "Nicht USA" Zeilen

In der Erwägung, dass möchte ich Zeilen ausblenden, deren "Land" hat die Spalte "USA"

  • Das liest sich wie ein "Gib mir den code!" - Frage. Sie haben nicht wirklich gezeigt, was Sie versucht haben. Und eine schnelle google-Suche bringt eine Menge guter Ergebnisse.
  • sorry, ich habe aktualisiert, was ich versucht habe und einige Verwandte Logik, entschuldigt sich ich nicht teilen kann meine eigentliche Projekt code, das ist, warum die erste kurze Frage.
InformationsquelleAutor Aniruddha Raje | 2016-07-14
  1. 7

    Können Sie Suche der Datentabelle, und angegeben wird der Wert mit regex, Beispiel:

    Ausblenden, Die Nicht 61 Alter

    table
    .columns(1)
    .search('^(?:(?!61).)*$\r?\n?', true, false)
    .draw();

    Zeigen Alle

    table
    .columns()
    .search('')
    .draw();

    Ergebnis: https://jsfiddle.net/cmedina/egsqb68u/1/

    UPDATE:

    Verbergen USA:

    table
    .columns(2) //The index of column to search
    .search('^(?:(?!USA).)*$\r?\n?', true, false) //The RegExp search all string that not cointains USA
    .draw();

    Ergebnis: https://jsfiddle.net/cmedina/egsqb68u/2/

    • Hallo, können Sie bitte mir erklären, was diese parameter für die Suche bedeutet "^(?:(?!61).)*$\r?\n?" ?
    • Auch was die true, false Parameter bedeuten, die Sie bestanden haben zu suchen ?
    • der erste parameter ist eine RegExp ^(?:(?!61).)*$\r?\n?, die filter unterschiedliche Werte zu 61, der nächste parameter ist der Indikator für regulären Ausdruck und Letzte parameter ist der smart-Indikator, plase Lesen Sie die documentacion datatables.net/reference/api/search() und für regex finden Sie unter w3schools.com/jsref/jsref_obj_regexp.asp
    • Ich habe aktualisiert die Frage, Mein Aktueller code Versteckt "Non-USA" - Zeilen, in der Erwägung, dass möchte ich Zeilen ausblenden, deren "Land" hat die Spalte "USA", können Sie bitte mir helfen?
    • überprüfen Sie, mein update!
    • Danke! Große Hilfe 🙂
    • Diese Antwort ist erstaunlich und macht das, was ich im Begriff war zu tun in 30 Zeilen code in 3. Meine einzige add-on, für Menschen, die bereits declarted Ihre dt-Objekt und Schwierigkeiten der Funktionen Tabelle zu arbeiten, verwenden Sie table = $(' selector ').dataTable().api(); um die Tabelle auszuwählen, bevor Sie diese Funktionen verwenden
    • Es funktioniert nicht :/
    • bitte veröffentlichen Sie Ihren code, um Ihnen zu helfen!

    InformationsquelleAutor CMedina
Schreibe einen Kommentar