Anpassen Bootstrap datatable filtern eingereicht und put-Platz-Halter

Muss ich passen meine Bootstrap datatable Suchfeld ein und muss einen Platzhalter in es. Und auch ich muss ausblenden Paginierung Dropdown-Menü und ändern Sie die position des such-Feld Links. Bitte finden Sie die beigefügten screenshot für weitere Klärung.

Ich habe versucht, folgenden code verwenden jQuery für die Platzhalter aber es hat nicht funktioniert:

$('#demo-dtable-01_filter input').attr('placeholder','Type in customer name, date or amount');

Anpassen Bootstrap datatable filtern eingereicht und put-Platz-Halter

InformationsquelleAutor Elby | 2014-06-04
  1. 3

    FYI, Wenn Sie wollen, bewegen sich von Feld-Suche auf linken Seite können Sie Benutzer Dom-Positionierung 

    $(document).ready(function () {
    $('#example').dataTable({
        "dom": '<"pull-left"f>rt<"bottom"ip>'
    });
    $('#example').removeClass('display').addClass('table table-striped table-bordered');
    $('.dataTables_filter input[type="search"]').attr('placeholder','Type in customer name, date or amount').css({'width':'250px','display':'inline-block'});
});

    http://jsfiddle.net/YfhNA/

    InformationsquelleAutor rails_id
  2. 0

    Habe ich eine Lösung und endlich seine Arbeit richtig 

    $('#demo-dtable-01_filter').find('input[type=text]').attr('placeholder','Type in customer name, date or amount');
$('#demo-dtable-01_filter').find('input[type=text]').addClass('span8');
$('.dt_header>.row-fluid').children().first().addClass('hide');
$('.dt_header>.row-fluid').children().eq(1).css('margin-left','0px');
$('.dt_header>.row-fluid').children().eq(1).children().eq(0).addClass('pull-left span12');
$('.dataTables_filter label').css('width','392px');
$('.estimatedbrd .dataTables_filter label').css('float','left');

    Nun seine sieht aus wie angehängte Datei Anpassen Bootstrap datatable filtern eingereicht und put-Platz-Halter

    InformationsquelleAutor Elby
  3. 0

    Zuzuordnen, können Sie Platzhalter, um eine datatable Suchfeld ein, wie unten angegeben.

    $('#example_filter.dataTables_filter input[type="search"]').attr('placeholder', 'Search By ...');

    wo 

    <table id="example"> ..... </table>

    **Note:**

    1. Datatable-API erstellt automatisch filter für die angegebene Tabelle id durch Anhängen des suffix '_filter'.
    2. Input Geben muss "suchen"input[type="search"]' .(Standard-Typ können Sie prüfen im browser)
    InformationsquelleAutor Vish
Schreibe einen Kommentar