una tablas tabla que obtener dinamicas datos con bootstrap agregar javascript jquery grid

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?

  1. Debería poder crear una instancia de la grilla en tiempo de ejecución y agregar a DOM.
  2. Admite plantillas de columna (cuadro de texto, seleccionar, casilla de verificación o cualquier entrada o texto simple)
  3. Admite establecer una nueva plantilla de columna o reemplazar la plantilla de columna existente en tiempo real.
  4. 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 .
  5. Admite setData () en tiempo real.
  6. Admite evento si cualquier información de entrada ha sido modificada por el usuario.
  7. Debe admitir la selección de una fila
  8. Agregue fila o elimine el soporte de fila en tiempo real sin renderizar toda la grilla.
  9. Admite paginación.
  10. Admite la ordenación por columna en tiempo real.
  11. Lanza un evento si los datos están ordenados por el usuario en tiempo real.
  12. La UI de cuadrícula debe admitir columnas realizables
  13. Auto re-considerable (Será genial si la cuadrícula se puede redimensionar automáticamente de acuerdo con el tamaño del elemento principal)
  14. Definitivamente tiene buena documentación.


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.

Ingrid

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