jQuery live-filter auf eine Tabelle mit mehreren input-fieds / Suchkriterien?

Habe ich die jQuery live-filter auf meiner website als pro
http://chris-spittles.co.uk/jquery-filter-table/

Dieser klappt auch wunderbar. Mein Kunde hat da gefragt, dass ich habe drei Eingänge, die können die Daten filtern. Sie würden alle zusammen arbeiten, um die Tabelle filtern.

Ich habe setup ein Turnschuh hier:
http://jsfiddle.net/NVL5h/5/

Meinem gewünschten Ergebnis ist, dass in filter 1 könnte ich geben Bücher, in filter 2 ich konnte und geben Sie dann ein Datum. jetzt würde die Tabelle nur Ergebnisse, die type OR date in Ihnen, die dem filter entsprechen Eingänge. Ebenso möchte ich geben, ein Buch name in filter 3 so, jetzt kann ich die Suche für die Tabelle, Ergebnisse,

'Art ODER Datum oder BookName'

Ist das möglich mit dem script, das ich habe, oder vielleicht ist es ein anderes script, der bietet für diese Anforderungen bereits? Ich bin sicher, es ist nur nicht sicher, wie. Ich habe versucht, basteln ein wenig, aber ohne Erfolg. Das fiddle funktioniert wie pro-design, ich habe gerade das zusätzliche input-Felder, die ich möchte-filter auf.

würde einiges an refactoring-Skript. Vielleicht werfen Sie einen Blick auf datatables. Hat riesige API und ist wesentlich stabiler als Skript, die Sie derzeit haben. Hat die Fähigkeit zu erweitern, mit benutzerdefinierten filtern. Egal, was die wahrscheinlich haben, um das schreiben eigener filter für die or Bedingungen

InformationsquelleAutor JustStarting | 2013-12-02

filter jquery

Möchten Sie vielleicht zu geben, die datatables jquery-plugin versuchen. Es sollte nur über jede Sache, die Sie suchen, mit Tisch-management

https://datatables.net/

Nahm ich Ihre fiddler Beispiel und ein paar änderungen vorgenommen, die mit der datatable.js Datei wird verwendet, um mehrere Spalte filtern.

http://jsfiddle.net/M2mUF/

$(document).ready(function () {
    var oTable = $('.liveFilterList').dataTable({
        "oLanguage": {
            "sSearch": "Search all columns:"
        }
    });

    $("tfoot input").keyup(function () {
        /* Filter on the column (the index) of this element */
        oTable.fnFilter(this.value, $("tfoot input").index(this));
    });

   /*
    * Support functions to provide a little bit of 'user friendlyness' to the textboxes in 
    * the footer
    */
   $("tfoot input").each(function (i) {
       asInitVals[i] = this.value;
   });

   $("tfoot input").focus(function () {
       if (this.className == "search_init") {
           this.className = "";
           this.value = "";
       }
   });

   $("tfoot input").blur(function (i) {
       if (this.value == "") {
           this.className = "search_init";
           this.value = asInitVals[$("tfoot input").index(this)];
       }
   });
});