gewusst wie: anpassen bootstrap datatable Suchfeld eingeben und Datensätze anzeigen position

Ich habe ein problem, wenn ich erstellen Sie eine Datentabelle mit bootstrap-styling. ich habe datatable von dieser Website (http://datatables.net/manual/styling/bootstrap)

fand ich weniger im Einklang mit der Ansicht, dass ich erstellt habe. Mach ich die navbar oben Tabelle. also ich will Suchfeld ein und sehen Sie die Aufzeichnungen, die ich in navbar-right. wie das ist, was ich will.

vor:
gewusst wie: anpassen bootstrap datatable Suchfeld eingeben und Datensätze anzeigen position

ich möchte sein wie dieser

gewusst wie: anpassen bootstrap datatable Suchfeld eingeben und Datensätze anzeigen position

wie anpassen? wo der javascript-code, der geändert werden muss oder einfach nur genug Anpassung mit jquery?

  • Das Suchfeld ist wahrscheinlich auf den header, nicht in der datatable verwenden, benötigen Sie benutzerdefinierte html.
  • Sie sollten Ihren code in Jsfiddle, dass wird es leichter für uns dir zu helfen.
InformationsquelleAutor Sofyan Setiawan | 2014-05-18
  1. 23

    http://datatables.net/examples/basic_init/dom.html

    Lesen Sie vorsichtig, dann kommen Sie und Lesen Sie den rest des Kommentars
    hier ist ein Beispiel:

    wenn Sie verstehen, schreiben 

         $('#example').dataTable({


      "dom":' <"search"f><"top"l>rt<"bottom"ip><"clear">'
    }


      );
});

    dadurch wird das Suchfeld hat eine Klasse namens "suchen" und lassen alles andere wie es ist
    jetzt können Sie ganz einfach Bearbeiten Sie die position der such-box mit css
    wenn Sie wollen, zu tun, wie das Bild, das Sie gepostet nur schreiben 

    "dom":' <"search"fl><"top">rt<"bottom"ip><"clear">'
    InformationsquelleAutor OmranAbazid
  2. 5

    "sDom":'<"dropdown"l>'

    und css:

    .dropdown
    {
    float: right;
    }

    InformationsquelleAutor Marinha do Nascimento
Schreibe einen Kommentar