Archivo

Entradas Etiquetadas ‘tablesorter’

Filtros desplegables con TableSorter jFilterSelect

Martes, 22 de junio de 2010 3 comentarios
jFilterSelect Widget for TableSorter

Select Filters for TableSorter

Despues de algún tiempo haciendome falta un tipo de filtro para TableSorter que funcionara a base de desplegables, me propuse realizar el widget para no estar dependiendo de los demas. Es por ello que he realizado el jFilterSelect.

Se trata de un widget para TableSorter que añadirá a TableSorter la capacidad de poder filtrar los resultados mediante desplegables situados debajo de cada cabecera. En principio el uso de este widget no afecta a nada en TableSorter, aunque si alguién detecta algún tipo de error puede ponerlo aquí mismo para así intentar entre todos solucionar el problema.

Cabe destacar que los filtros pueden combinarse entre si, teniendo los registros mostrados tener que cumplir más de un parámetro.

UPDATE 26/07/2010: Se ha actualizado el widget para permitir utilizarlo en más de una tabla por página y se ha añadido la versión MIN del JS para los que la necesiten.

UPDATE 13/08/2010: Desde Turkey Lastminute Travel nos comunican que estan utilizando jFilterSelect para filtrar los resultados de sus vuelos.

Podeis ver una demo del funcionamiento del wiget aquí: Demo

jFilterSelect Widget TableSorter
jFilterSelect Widget TableSorter MIN

TableSorter filter Widget

Sábado, 29 de mayo de 2010 Sin comentarios

The jFilter is a TableSorter Widget for search into fields of the table any text/number…

The jFilter is my second widget for TableSorter.

The jFilter add a input field for type text. When KeyUp in this input, the jFilter run and show the rows that contains the text and hide the rows that not contains the text.

You can download the jFilter Widget here.

Categories: jQuery Tags: , , , , , ,

TableSorter show/hide columns Widget

Lunes, 24 de mayo de 2010 6 comentarios

jColumnManger is a widget for the fantastic TableSorter script.

This widget makes use of ContextMenu to display the dynamic menu to show / hide columns in the table.

jColumnManager Widget for TableSorter

jColumnManager Widget for TableSorter

The jColumnManager widget allows you to show / hide columns in the table to our liking. its use is simple and easy.

Obviously, the widget can be improved, but for a first version and made long before the entire community is good.

Appreciate it if someone wants and can improve the widget please do so, together we can make our job easier.

You can download the widget here. [BAD FILE]

The new uploaded file is jColumnManager and exemple is here

Thanks for all.

Manejo de tablas con jQuery y TableSorter

Lunes, 7 de septiembre de 2009 Sin comentarios
Table Sorter Demo

Table Sorter Demo

Hoy muestro un plugin que he utilizado mucho, para representar tablas. Es muy sencillo de utilizar, su nombre es TableSorter. Funciona de una forma muy simple, tiene multitud de ejemplos, permite ordenar las columnas de forma dinámica, ya sea por una sola columna o por varias a la vez.

También dispone de la posibilidad de habilitar o deshabilitar la ordenación en determinadas columnas y otra cosa que veo muy interesante es que gracias al metadata, es capaz de interpretar el valor de las celdas, para ordenarlos de una forma u otra.

La documentación está en inglés, pero no veo problema alguno, los ejemplos son muy gráficos y su uso como he dicho antes muy sencillo.

Categories: jQuery Tags: , , , ,