La idea és fer que les taules que puguem posar en el nostre blog es puguin ordenar segons els diferents valors de cada columna. Doncs bé, existeix una llibreria escrita en Javascript que ho fa de meravella:
1. Descarrega’t la biblioteca aquí, o bé invoca-la directament posant aquest codi al <head> de la teva pàgina:
<script src="https://www.kryogenix.org/code/browser/sorttable/sorttable.js"></script>
2. Fes que la teva taula sigui ordenable tot assignant-li la classe “sortable”:
<table class="sortable">
3. Amb això ja faríem, però per acabar de fer-ho funcional, hi afegim un estil diferent a les capçaleres de les columnes de la nostra taula:
/* Sortable tables */
table.sortable thead {
background-color:#eee;
color:#666666;
font-weight: bold;
cursor: default;
}
Per a més informació, pots visitar aquest website, perquè aquest script fa força més coses!
