Jquery Datatables zone de recherche aligner à gauche

Je suis en utilisant la colonne vertébrale et jquery datatable.By boîte de recherche par défaut de datatable vient sur le côté droit
Je veux aligner à gauche .Ci-dessous mon code

onDomRefresh: function(){
            $(this.el).find('table').dataTable({ "dom": '<"top"i>rt<"bottom"flp><"clear">',"bLengthChange": false });

        },

Jquery Datatables zone de recherche aligner à gauche

Sa ne fonctionne pas,

S'Il Vous Plaît Aider

OriginalL'auteur user3106347 | 2014-11-29

  1. 17

    Vous pouvez utiliser quelque chose comme

    jQuery(document).ready(function($) {
    $('tableSelector').DataTable({
        "dom": '<"pull-left"f><"pull-right"l>tip'
    });
});

    avec

    .pull-left{float:left!important;}
.pull-right{float:right!important;}

    Le résultat est le suivant:

    Jquery Datatables zone de recherche aligner à gauche

    (à Noter que Twitter Bootsrap est utilisé sur la capture d'écran, pour plus de table de style)

    Plus sur les tables de données de Manipulation du DOM peut être trouvé ici.

    OriginalL'auteur makrigia

  2. 1

    Il semble que ce n'est pas possible avec sDom manipulation, mais vous pouvez ajuster la règle css pour .dataTables_filter dans jquery.DataTables.css ou, de préférence, remplacer cette règle dans un fichier css spécifique:

    #table_div_id.dataTables_filter {
  float: right;
  text-align: right;
}

    table_div_id est un id de la div conteneur utilisé pour l'initialisation: $('#table_div_id').dataTable()

    OriginalL'auteur Andrey Grachev

  3. -1
    jQuery(document).ready(function($) {
    $('tableSelector').DataTable({
        "dom": '<"pull-left"f><"pull-right"l>tip'
    });
});

    Ce sDom la manipulation est de travailler dans mon cas, on peut aussi placer un filtre de recherche et afficher les entrées de commandes sur le côté gauche à l'aide du script suivant:

    jQuery(document).ready(function($) {
    $('tableSelector').DataTable({
        "dom": '<"pull-left"f><"pull-right"l>tip'
    });
});
    Veuillez expliquer comment ce les réponses de l'utilisateur en question

    OriginalL'auteur Sachin Bhadane