Nos alejamos un poco de SAP para hablar de HTML y JavaScript, que también gustan 🙂
En un proyecto web personal, me hizo falta una forma sencilla de hacer listados en los que pudiera filtrar y ordenar datos, y una simple búsqueda en San Google me dio la respuesta: List.js
Se trata de una librería JavaScript muy muy ligera y rápida, que permite de forma muy sencilla crear listados de datos que pueden ser filtrados y ordenados.
Como cualquier librería JavaScript, lo primero necesario es descargarla y enlazarla en nuestro documento HTML.
<script type="text/javascript" src="/js/list.min.js"></script>
Definiremos una caja para nuestro listado, en la que crearemos nuestra lista con etiquetas <ul>. Por ahora, no modifiquemos el class «list» de nuestro <ul>, será necesario para que funcione correctamente.
<div id="lenguajes"> <ul class="list"> <li> <p class="puesto">Puesto: 1 <img src="/img/oro.png" alt="" /></p> <p class="lenguaje">Lenguaje: Java</p> </li> . . . </ul> </div>