Bonjour
J'utilise Bootstrap table pour mettre en forme mes données visibles à cette adresse : https://www.pyrenees-refuges.com/liste.php
Je voudrais passer des commander en URL du type https://www.pyrenees-refuges.com/lis...rtement=Aragon
Je voudrais que ce filtrage se fasse coté client
À noter ma configuration actuelle :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7 data-filter-control="true" data-filter-show-clear="true" data-sortable="true" data-show-export="true" data-pagination="true" data-query-params="queryParams" data-url="./data/pyrenees.json"
HEAD
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css"> <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.14.2/dist/bootstrap-table.min.css">
HTML
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38 <div class="row" > <div class="col-sm-12 col-md-offset-5"> <div class="card" > <div class="card-header"> <h5>Recherche de refuges & cabanes :</h5> </div> <div class="card-body"> <p class="card-text"> <table id="table" data-filter-control="true" data-filter-show-clear="true" data-sortable="true" data-show-export="true" data-pagination="true" data-query-params="queryParams" data-url="./data/pyrenees.json"> <thead> <tr> <th data-field="id" data-formatter="nameFormatter">URL</th> <th data-field="name" data-filter-control="input" data-sortable="true">Nom</th> <th data-field="type" data-filter-control="select" data-sortable="true">Type</th> <th data-field="departement" data-filter-control="select" data-sortable="true">Departement</th> <th data-field="ville" data-filter-control="input" data-sortable="true">Ville</th> <th data-field="capete" data-filter-control="input" data-sortable="true">Cap été</th> <th data-field="caphiv" data-filter-control="input" data-sortable="true">Cap hiver</th> <th data-field="cheminee" data-filter-control="input" data-sortable="true">Cheminée</th> <th data-field="bois" data-filter-control="input" data-sortable="true">Bois</th> <th data-field="eau" data-filter-control="input" data-sortable="true">Eau</th> <th data-field="couchage" data-filter-control="input" data-sortable="true">Couchage</th> <th data-field="ideerando" data-filter-control="input" data-sortable="true">Rando</th> </tr> </thead> </table> </div> </div> </div> </div>
JAVASCRIPT
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14 <script> $(function() { $('#table').bootstrapTable({ formatLoadingMessage: function() { return '<b>Chargement de la base</b>'; } }) }) function nameFormatter(value, row) { return '<a href="https://www.pyrenees-refuges.com/fr/affiche.php?numenr=' + value + '" target="_blank">Details</a>' } </script>
Partager