Biblioteca de JavaScript para facilitar la selección de tablas-SelectionTable
| Autor: | shaffooo |
|---|---|
| Views Total: | 1,926 |
| Sitio oficial: | Ir a la web |
| Actualizado: | August 20, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
SelectionTable es una biblioteca de tablas de JavaScript ligera que le permite seleccionar filas de una o varias tablas con casillas de verificación y mostrar los elementos seleccionados en un nuevo contenedor.
También proporciona una funcionalidad de búsqueda del lado cliente para filtrar las filas de la tabla según la entrada del usuario.
Funcionamiento
Agregue userstable. CSS y usertables. js a su página web.
<link rel="stylesheet" href="userstable.css"> <script src="usertables.js"></script>
Estructura HTML de marcado.
<div class="selection-table"> <div class="elements-section cw"> <input type="text" class="elements-filter" placeholder="Search" onkeyup="FilterElements(this)"> <div> <table class="elements-header"> <tr> <td><input type="checkbox" id="all" onclick="SelectAll(this)"></td> <td>User Name</td> </tr> </table> </div> <div id="elements-contents" class="elements-contents ch"> <table id="elements" class="elements"> </table> </div> </div> <div id="selected-elements" class="selected-elements cw"> <div id="editedusers" class="selected-elements-contents"> </div> </div> </div>
Reemplace los datos de la tabla por los suyos.
var allUsers = [{id:'1', name:'Monica Anderson'},...];
