6 repositorios
Settings for adjusting the visual layout and interaction behavior of tabular data displays.
Distinguishing note: Specific to data grid interfaces rather than general UI theming.
Explore 6 awesome GitHub repositories matching user interface & experience · Data Grid Customization. Refine with filters or upvote what's useful.
DBeaver is a universal database client and administration environment designed for managing diverse relational and non-relational database systems. It provides a unified graphical interface that enables users to perform data manipulation, schema migration, and performance monitoring across multiple platforms. By utilizing a standardized driver abstraction layer, the application translates generic requests into database-specific commands, ensuring consistent interaction regardless of the underlying technology. The project distinguishes itself through an extensible, plugin-based architecture th
Allows users to tailor the visual presentation and interaction behavior of data grids.
react-datasheet es un componente de cuadrícula de datos y editor tabular para React que proporciona una interfaz de hoja de cálculo interactiva. Está diseñado para gestionar datos tabulares con soporte integrado para edición de celdas y navegación por teclado. El proyecto destaca por su flexibilidad en el renderizado y la estructura, permitiendo reemplazar los elementos de tabla estándar con marcado personalizado como listas o divs. Admite el renderizado de celdas personalizado mediante un sistema de mapeo que intercambia las celdas predeterminadas por componentes especializados basados en los metadatos de la celda. El componente cubre amplias capacidades para la gestión de datos tabulares, incluyendo el seguimiento del estado para ediciones, eliminaciones de rangos y pegado de datos. También proporciona controles para el comportamiento de las celdas, como definir el estado de solo lectura y la expansión de columnas.
Enables the creation of specialized tables with custom rendering and behavior for complex information.
ngx-datatable es un componente de tabla de datos rico en funciones para aplicaciones Angular diseñado para mostrar y gestionar grandes conjuntos de datos. Funciona como una cuadrícula de datos personalizable que admite ordenamiento, paginación y el uso de plantillas de Angular personalizadas para dar estilo a las celdas de datos. El componente se distingue por su cuadrícula de desplazamiento virtual de alto rendimiento, que renderiza solo las filas visibles para optimizar el uso de memoria y CPU. Proporciona una interfaz interactiva para gestionar datos mediante selección de filas, reordenamiento de columnas y vistas de detalle expandibles. El proyecto cubre un amplio conjunto de capacidades, incluyendo gestión de columnas para fijar y redimensionar, ordenamiento de múltiples columnas e integración del lado del servidor para la obtención remota de datos. También incluye personalizaciones a nivel de fila como estilos dinámicos, componentes de fila personalizados y modos de selección flexibles. Las características de utilidad adicionales incluyen la localización de mensajes de tabla y la aplicación de temas personalizados mediante CSS.
Provides a flexible UI element for sorting, paginating, and styling data cells via custom Angular templates.
Fixed-data-table es una librería de componentes de React diseñada para renderizar grandes conjuntos de datos dentro de interfaces de cuadrícula estructuradas y desplazables. Funciona como una tabla virtualizada, optimizando el rendimiento al renderizar solo las filas actualmente visibles dentro de la ventana gráfica. La librería se distingue por su enfoque en mantener el contexto durante la navegación, utilizando diseños de encabezado fijo y gestión de estado de desplazamiento sincronizado. Emplea acceso a datos basado en índices para mapear información a coordenadas de cuadrícula específicas, permitiendo la personalización modular de celdas y una configuración flexible de columnas. El componente admite una gestión integral de la presentación de tablas, incluyendo el cambio de tamaño de columnas y ajustes de altura de filas. Proporciona control programático sobre el comportamiento de desplazamiento, permitiendo la sincronización del movimiento de la tabla con elementos de interfaz externos o gestos personalizados.
Provides a frontend data grid interface for displaying large datasets with support for column resizing and custom cell rendering.
Esta biblioteca es un componente de React diseñado para renderizar cuadrículas de datos de alto rendimiento. Proporciona un framework estructurado para mostrar grandes conjuntos de datos utilizando virtualización de filas basada en ventanas, lo que asegura que solo la porción visible de los datos se renderice en el modelo de objetos del documento (DOM). El componente destaca por capacidades avanzadas de diseño y navegación, incluyendo soporte nativo para encabezados y columnas fijas que permanecen ancladas durante el desplazamiento. Los desarrolladores pueden ejercer control imperativo sobre el viewport de la tabla para navegar a índices o desplazamientos de píxeles específicos, mientras gestionan estados complejos de la cuadrícula como la visibilidad de columnas, la ordenación y la expansión de filas a través de una configuración centralizada. La biblioteca admite una amplia gama de funciones interactivas, incluyendo renderizado de celdas personalizado, fijación de columnas y la capacidad de añadir filas de resumen para datos agregados. Maneja conjuntos de información densos ofreciendo alineación de columnas flexible, control de ancho y truncamiento de texto, permitiendo la creación de tablas interactivas que responden a eventos del usuario como clics y pasadas de ratón.
Provides a comprehensive framework for building complex, interactive data grids in React applications.
Esta librería es un componente de rejilla de datos de alto rendimiento para aplicaciones React, diseñado para gestionar y mostrar grandes conjuntos de datos. Proporciona un sistema de configuración declarativo que permite a los desarrolladores definir estructuras de tablas, fuentes de datos y conmutadores de funciones a través de un esquema de objetos estructurado. La librería se distingue por un motor de diseño flexible que admite requisitos de interfaz de usuario complejos, como fijar encabezados y columnas específicas a los bordes del viewport durante el desplazamiento. Utiliza renderizado virtualizado para mantener la capacidad de respuesta de la interfaz mostrando solo el subconjunto visible de datos, asegurando un rendimiento consistente independientemente del recuento total de elementos. Más allá de sus capacidades principales de diseño y rendimiento, el proyecto ofrece amplias opciones de personalización. Los desarrolladores pueden inyectar componentes React personalizados para definir la apariencia y el comportamiento de celdas individuales y aplicar estilos visuales a través de variables CSS con alcance, lo que permite una presentación de datos personalizada sin modificar la lógica interna del componente.
Provides a flexible data grid library for displaying and customizing large datasets.