Además de los campos de formulario, uno de los elementos más difíciles de manipular HTML son tablas. Son difíciles de estilo mediante CSS y también muy difícil de procesar a través de JavaScript.
Es por eso que en muy pocos marcos Diseño Web Sensible (RWD) y kits de interfaz de usuario, el elemento de interfaz de usuario de la tabla se dirige y el formato correcto para pantallas más pequeñas.
El "mesas Responsive" jQuery plugin permite a los desarrolladores toman las columnas de una tabla y asignarles una prioridad visibilidad basado en el tamaño de pantalla disponible.
Así que cuando se accede a la página de una pantalla más pequeña, sólo las columnas de la tabla con prioridad se mostraron, en base a la resolución de la pantalla.
El resto de las columnas sólo se oculta, con un selector especial a la parte superior derecha de la mesa, donde los usuarios pueden reactivar una columna y ocultar otros.
Esto puede ser muy útil especialmente para las redes de datos donde la tabla contiene una gran cantidad de columnas.
Mesas Responsive viene con soporte para el Bootstrap Marco, un encabezado de la tabla pegajosa, colspans y un enfoque especial fila / destacando función.
. Una demostración se incluye con el paquete de descarga
Requisitos
- habilitado JavaScript en el lado del cliente
- jQuery
- jQuery UI
Comentarios que no se encuentran