Trier les lignes du tableau dans Bootstrap [fermé]


104

Quelqu'un peut-il s'il vous plaît me montrer un exemple de code que je devrais utiliser pour trier une colonne d'une table dans Bootstrap?

Par exemple, si je veux trier par prix ou par nom.


2
Je ne pense pas que ce soit possible en pure html+ bootstrap, vous pourriez avoir besoin d'un plugin ou personnalisé js. Y avait - il aucun effort pour chercher une solution?
Deja Vu

wenzhixin.net.cn/p/bootstrap-table/docs/examples.html . Ce lien a un exemple de table de tri avec code. Cependant, il n'est pas compatible avec la nouvelle version de bootstrap. J'espérais que quelqu'un avait un exemple de code plus récent à partager.
PiccolMan

Réponses:


176

Ces exemples sont minified parce que StackOverflow a une limite de caractères maximum et des liens vers un code externe sont découragés car les liens peuvent se briser.

Il existe plusieurs plugins si vous regardez: Bootstrap Sortable , Bootstrap Table ou DataTables .

Exemple de Bootstrap 3 avec DataTables: Bootstrap Docs & DataTables Docs

Bootstrap 4 avec DataTables Exemple: Bootstrap Docs & DataTables Docs

Exemple de Bootstrap 3 avec Bootstrap Table: Bootstrap Docs & Bootstrap Table Docs

Bootstrap 3 avec Bootstrap Sortable Exemple: Bootstrap Docs & Bootstrap Sortable Docs


Intéressant. J'ai vu empêcher le défaut, mais je n'étais pas familier avec la propagation d'arrêt. stackoverflow.com/questions/5963669/…
Greg

Cette réponse a fait ma journée. Merci!. Un point cependant, si quelqu'un veut répliquer ce qui précède, il doit simplement copier le code de l'extrait de code au lieu d'aller sur le lien Bootstrap Docscar le lien mentionne des bibliothèques d'amorçage incorrectes.
Jarvis

1
J'aime vraiment le bootstrap triable de drvic10k. C'est simple et petit.
Dunfield

2
Quel est l'intérêt de mettre un extrait de code avec du code minifié / obscurci? Ok, c'est sur une seule ligne, super, mais c'est complètement illisible, et ça n'aide pas.
Matthieu Charbonnier

@MatthieuCharbonnier C'est assez simple, il y a / où des limites de taille à ce que vous pouvez publier, donc sans minimiser ces exemples, ils ne pourraient pas être ajoutés (dont la grande majorité sont des données tabulaires de base). Copier et coller dans un éditeur, formater ... effort minimal
vanburen
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.