Filtrable - Non soutenu

Build Status

Sans soutien

Je ne soutiens plus ce projet, il est très hors date et sera encore plus hors date quand Bootstrap 4 est hors beta. Si quelqu'un veut mettre à jour le projet - veuillez soumettre une demande de pull et je les fusionnerai.

BootstrapetX-éditeurThèmejQueryPlugin qui préforme le filtrage par colonne pour une table HTML.

Démo

HTTP://lightswitch05.github.io/filterable

Utilisation

  • Le filtre nécessite les deuxBootstrapetX-éditeurPour pouvoir modifier la couleur des icônes de bootstrap, utilisez leDes icônes magnifiquesremplacer les défauts.

       <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
       <link href="http://netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.min.css" rel="stylesheet">
       <link href="http://cdnjs.cloudflare.com/ajax/libs/x-editable/1.4.5/bootstrap-editable/css/bootstrap-editable.css" rel="stylesheet">
       <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
       <script src="http://cdnjs.cloudflare.com/ajax/libs/x-editable/1.4.5/bootstrap-editable/js/bootstrap-editable.min.js"></script>
    
  • Pour utiliser Filterable, sélectionnez simplement la table que vous voulez utiliser et appelezfilterablesur elle.

    • $('#exampleTable').filterable();
  • Pour dépasser les options par défaut, passez simplement un hash des options à Filterable. Cet exemple rend le cas-sensible.

    • $('#exampleTable').filterable({ignoreCase: false});

Options

  • ignoreColumns
    • Indicateurs de colonnes pour ne pas être filtrés
    • Type :Array
    • Défaut :[]
  • onlyColumns
    • Indices de colonnes pour rendre filtrable, toutes les autres colonnes sont laissées non filtrables.
    • Type :Array
    • Cela prend la présidenceignoreColumnslorsqu’il est fourni.
    • Défaut :nullToutes les colonnes
  • ignoreCase
    • Si le cas doit être ignoré
    • Type :Boolean
    • Défaut :true
  • isMatch($cell, query)
    • Fonction personnalisée pour déterminer si la cellule correspond au filtre fourni par l'utilisateur
    • Type :Function
    • Défaut :null
  • editableOptions
    • Toutes les options personnalisées pour X-editable
    • Type :Object
    • Les défauts :{}
  • editableSelector
    • Sélecteur à utiliser sur chaque titre pour définir l'objet x-éditable.Si ce n'est pas fourni, le titre enire est utilisé.
    • Type :String
    • Les défauts :null
  • beforeFilter
    • La fonction d'appeler avant de filtrer une colonne
    • Type :Function
    • Les défauts :null
  • afterFilter
    • Fonction d'appel après filtration d'une colonne
    • Type :Function
    • Les défauts :null