2008-10-10 27 views
25

Estoy buscando utilizar jQuery para manejar algunas solicitudes muy comunes que obtenemos para tablas de datos de diferentes tamaños: desplazamiento, clasificación y filtrado dinámico.jQuery desplazable, ordenable, tabla filtrable

  • He manejado el desplazamiento en el pasado al tener dos tablas separadas con columnas de ancho fijo, junto con los contenedores div asociados para el desplazamiento "real". Sin embargo, este método no funciona con ninguna de las extensiones de tabla de clasificación basadas en jQuery con las que me he cruzado (siendo tablesorter mi favorito hasta ahora) ya que lo quieren todo en una sola tabla.
  • Para el filtrado, están solicitando algo similar a cómo lo hacen las listas de Excel y SharePoint (básicamente, todos los valores de columna se enumeran en un menú desplegable, lo que permite al usuario seleccionarlos/anular su selección). Todavía no he visto algo así, aunque parece posible.
  • Otra característica agradable para tener en cuenta sería la capacidad de "congelar" una columna para el desplazamiento horizontal.

Idealmente quisiera una extensión existente, pero si no hay ninguna, también agradecería sugerencias de cualquier gurú de jQuery sobre cómo implementarlo mejor. Mis pensamientos actuales son sumergirme en tablesorter y extenderlo/actualizarlo según sea necesario.

Para mantener las cosas enfocadas, la paginación no es una opción (junto con cualquier servidor, para el caso).

Actualización: hago apreciar las respuestas hasta ahora, pero ninguna de las opciones dadas hasta ahora tocar en el aspecto filtrado en absoluto (esto dicho, hay que admitir que jqGrid se ve muy bien para algunos proyectos futuros que tengo) Mientras tanto, trabajaré en una solución de filtrado personalizada; si funciona, lo actualizaré de nuevo.

Respuesta

12

Me encontré con esta pregunta ya que estaba buscando un plugin de tabla ordenable yo mismo; Realmente no estaba impresionado con ninguno de los widgets sugeridos, pero más tarde descubrí DataTables, y quedé bastante impresionado. Recomiendo echarle un vistazo.

4

les animo a probar el Flexigrid.

Tiene muchas características excelentes y personalmente creo que se ve más profesional que el jqGrid.

No tiene algunas de las características que usted solicita, pero creo que podría ser un buen comienzo. Sería genial si pudiera trabajar en agregar algunas de esas características a la base de código.

Si está codificando en C#, a continuación, he publicado una entrada de blog sobre cómo utilizar LINQ to Reflection to bind JSON to the Flexigrid ... si está utilizando otro idioma hay otros ejemplos se pueden encontrar en la página Flexigrid's Website & Google Group.

+0

Este enlace al sitio web está roto; ¿esta página de proyecto es la misma "Flexigrid"? http://code.google.com/p/flexigrid/ –

1

Como se mencionó en mi actualización, que terminé usando una extensión de filtrado personalizado (código cerrado, por desgracia). Recientemente comencé a usar SlickGrid y ahora es mi parrilla de entrada.

+0

Desde entonces he cambiado a DataTables (ahora respuesta aceptada). Para mis conjuntos de datos actuales, funciona bien y no fue difícil lograr que se viera bien con mi UI. – pdwetz