que - tablas dinamicas html javascript
La mejor red dinĂ¡mica de JavaScript/JQuery (4)
Estoy trabajando con JavaScript, JQuery y HTML. La interfaz de usuario de mi proyecto es completamente dinámica. Estoy buscando una red dinámica de JavaScript / JQuery que admita las siguientes funciones.
¿Alguien puede decirme si hay alguna buena fuente de código abierto que admita las siguientes características?
- Debería poder crear una instancia de la grilla en tiempo de ejecución y agregar a DOM.
- Admite plantillas de columna (cuadro de texto, seleccionar, casilla de verificación o cualquier entrada o texto simple)
- Admite establecer una nueva plantilla de columna o reemplazar la plantilla de columna existente en tiempo real.
- Pocos controles de entrada (p. Ej., Cuadro de texto, casilla de verificación ...) presentes debajo de una columna pueden estar habilitados y pocos pueden estar deshabilitados .
- Admite setData () en tiempo real.
- Admite evento si cualquier información de entrada ha sido modificada por el usuario.
- Debe admitir la selección de una fila
- Agregue fila o elimine el soporte de fila en tiempo real sin renderizar toda la grilla.
- Admite paginación.
- Admite la ordenación por columna en tiempo real.
- Lanza un evento si los datos están ordenados por el usuario en tiempo real.
- La UI de cuadrícula debe admitir columnas realizables
- Auto re-considerable (Será genial si la cuadrícula se puede redimensionar automáticamente de acuerdo con el tamaño del elemento principal)
- Definitivamente tiene buena documentación.
Algunos útiles son:
Gratis:
Pagado:
Las mejores entradas en mi opinión son Flexigrid y jQuery Grid.
Eche un vistazo a agiletoolkit.org ya que tiene un CRUD fácil de usar que admite 2,4,6,7,9,10 y 12 de fábrica (utiliza Ajax para defender la cuadrícula al agregar, eliminar datos y se integra con jquery.
Yo publicaría algunos ejemplos, pero en un iPad en este momento.
Mi sugerencia para JQuery Grid dinámico está a continuación.
https://github.com/mleibman/SlickGrid
http://www.datatables.net/index
El mejor es:
http://datatables.net/ es un complemento para la biblioteca jQuery Javascript. Es una herramienta altamente flexible, basada en los fundamentos de la mejora progresiva, que agregará controles avanzados de interacción a cualquier tabla HTML.
Paginación de longitud variable
Filtrado sobre la marcha
Clasificación de múltiples columnas con detección de tipo de datos
Manejo inteligente del ancho de columna
Muestra datos de casi cualquier fuente de datos
DOM, conjunto de Javascript, archivo Ajax y procesamiento del lado del servidor (PHP, C #, Perl, Ruby, AIR, Gears, etc.)
Opciones de desplazamiento para la ventana de la tabla
Totalmente internacionalizable
Soporte de jQuery UI ThemeRoller
Rock sólido: respaldado por un conjunto de más de 2600 pruebas unitarias
Amplia variedad de plug-ins inc. TableTools, FixedColumns, KeyTable y más
Creación dinámica de tablas
Ajax carga automática de datos
Posicionamiento DOM personalizado
Filtrado de una sola columna
Tipos alternativos de paginación
Interacción DOM no destructiva
Clasificación de columna (s) resaltado
Opciones avanzadas de fuente de datos
Extenso complemento de soporte
Clasificación, tipo de detección, funciones API, paginación y filtrado
Totalmente temático por CSS
Documentación sólida
Más de 110 ejemplos preconstruidos
Soporte completo para Adobe AIR
puedes probar http://datatables.net/
DataTables es un complemento para la biblioteca jQuery Javascript. Es una herramienta altamente flexible, basada en los fundamentos de la mejora progresiva, que agregará controles avanzados de interacción a cualquier tabla HTML. Principales características:
- Paginación de longitud variable
- Filtrado sobre la marcha
- Clasificación de múltiples columnas con detección de tipo de datos
- Manejo inteligente del ancho de columna
- Muestra datos de casi cualquier fuente de datos
- DOM, conjunto de Javascript, archivo Ajax y procesamiento del lado del servidor (PHP, C #, Perl, Ruby, AIR, Gears, etc.)
- Opciones de desplazamiento para la ventana de la tabla
- Totalmente internacionalizable
- Soporte de jQuery UI ThemeRoller
- Rock sólido: respaldado por un conjunto de más de 2600 pruebas unitarias
- Amplia variedad de plug-ins inc. TableTools, FixedColumns, KeyTable y más
- ¡Es gratis!
- Ahorro de estado
- Columnas ocultas
- Creación dinámica de tablas
- Ajax carga automática de datos
- Posicionamiento DOM personalizado
- Filtrado de una sola columna
- Tipos alternativos de paginación
- Interacción DOM no destructiva
- Clasificación de columna (s) resaltado
- Opciones avanzadas de fuente de datos
- Extenso complemento de soporte
- Clasificación, tipo de detección, funciones API, paginación y filtrado
- Totalmente temático por CSS
- Documentación sólida
- Más de 110 ejemplos preconstruidos
- Soporte completo para Adobe AIR