18 repositorios
UI elements that provide dynamic functionality like sorting, filtering, or pagination for tabular data.
Distinguishing note: Focuses on the interactive UI behavior of tables rather than the underlying data storage or structure.
Explore 18 awesome GitHub repositories matching user interface & experience · Interactive Table Components. Refine with filters or upvote what's useful.
This project is a comprehensive documentation site framework and static site generator theme designed to transform markdown files into professional, responsive websites. It functions as a technical content platform that supports complex documentation projects, including multi-project management, blog workflows, and advanced content formatting. By processing source files through an extensible pipeline, it generates self-contained HTML sites that can be hosted on any web server without a database. What distinguishes this framework is its focus on developer experience and highly configurable bui
The documentation generator enables interactive column sorting for data tables by integrating a third-party library via additional JavaScript configuration.
Blueprint is a React UI component library and web design system focused on accessibility and the creation of data-dense interfaces. It provides a standardized framework of visual styles and reusable interface elements for building professional desktop applications. The toolkit is specifically optimized for displaying complex information and large datasets, featuring high-performance interactive data grids for rendering and manipulating data. The library covers a broad range of capability areas, including the construction of form inputs, navigation systems, and content layout management. It a
Ships high-performance interactive data grids that allow for sorting and manipulation of large datasets.
Gentelella is a collection of pre-configured interface templates and a component library designed for building administration panels, data dashboards, and internal management consoles. It provides a Bootstrap 5 based framework that includes accessible web interface templates and PWA-ready dashboard shells. The project features specialized templates for data visualization, utilizing modular chart factories to render line, bar, radar, and heatmap visualizations. It includes a set of ready-to-use interface elements for enterprise prototyping, such as kanban boards, file managers, and interactive
Includes interactive data table components with built-in support for sorting, searching, pagination, and data export.
gpui-component is a native desktop UI kit and component library built for the GPUI framework. It provides a collection of reusable user interface elements, a desktop layout engine for organizing application space, and a specialized data visualization library for rendering quantitative information. The project is distinguished by its high-performance rendering systems, including a virtualized data grid and list system designed to handle large datasets with low memory overhead. It also features a comprehensive data visualization toolkit for rendering charts, axes, and coordinate scales using li
Handles user interaction for data grids including sorting, filtering, and column reconfiguration.
JUCE is a comprehensive C++ audio framework and digital signal processing library used to build cross-platform audio applications, audio plug-ins, and high-performance user interfaces. It serves as a development kit for creating audio processors compatible with industry-standard plugin formats for digital audio workstations, as well as a tool for MIDI and Open Sound Control communication between musical hardware and software. The framework is distinguished by its ability to maintain a single codebase for native desktop and mobile applications across multiple operating systems. It provides a f
Provides the ability to place interactive components like buttons or sliders directly inside table cells.
JimuReport is an open-source reporting and dashboard engine designed to be embedded directly into Spring Boot applications. Its core identity centers on generating data reports and full-screen dashboards from natural language descriptions, eliminating the need for manual design. The platform also provides a conversational query interface that translates plain-language questions into database queries, returning results as tables and charts without requiring SQL knowledge. What distinguishes JimuReport is its integration of AI skills that can be installed with a single command, enabling report
Includes scrolling, ranking, and standard table components for displaying detailed data within a dashboard.
react-data-grid is a high-performance table component for React designed to render large datasets using virtualization. It functions as a virtualizing data table that optimizes memory and performance by rendering only the rows and columns currently visible on the screen. The project provides a customizable spreadsheet interface featuring cell editing, column resizing, and pinned rows. It also acts as a hierarchical data grid, supporting row grouping and tree structures to organize complex nested information. The grid covers wide-ranging data management and display capabilities, including mul
Implements interactive table components with dynamic cell editing, column resizing, and row selection.
Tabulator is an interactive data table library and virtual DOM data grid used to create high-performance tables from JSON or arrays. It functions as a hierarchical data viewer and a spreadsheet interface component, capable of rendering thousands of records efficiently through viewport-based virtualization and progressive loading. The library distinguishes itself by providing a full spreadsheet interface mode with multi-sheet management, cell range selection, and bulk copy-paste capabilities. It supports complex data architectures, including nested data field mapping, expandable tree structure
Provides an interactive table library for creating dynamic grids with sorting, filtering, and pagination.
Renders query results as an interactive data table that can be filtered, sorted, and have columns selected.
This is a pre-built Laravel application scaffolding that provides a ready-to-use administration interface with user, role, and permission management out of the box. It serves as a foundation for building backend applications, offering an authorization system that assigns and restricts user actions through roles and permissions using a dedicated package. The boilerplate includes a multilingual interface with over 20 built-in language translations and timezone-aware date display for global audiences. It also provides a two-factor authentication implementation that adds an extra security layer d
Delivers interactive data tables with server-side sorting, searching, and pagination via reusable Blade components.
Vuesax es un framework frontend y librería de componentes de UI para aplicaciones Vue.js. Proporciona un sistema de diseño personalizable y un conjunto de elementos de interfaz de usuario pre-estilizados diseñados para acelerar el desarrollo de interfaces web. El proyecto se distingue por un toolkit visual tematizable que admite actualizaciones de color dinámicas y personalización de estilos en el lado del servidor para mantener la identidad de marca. También cuenta con un componente de tabla de datos especializado con soporte integrado para edición de celdas en línea y procesamiento en el lado del servidor para paginación, filtrado y ordenamiento. La librería cubre una amplia superficie de capacidades de UI, incluyendo un sistema de cuadrícula responsivo de doce columnas, elementos de formulario integrales y varias herramientas de diseño como tarjetas de contenido y listas plegables. También incluye utilidades de navegación como barras laterales y rutas de navegación (breadcrumbs), así como una variedad de superposiciones que incluyen diálogos modales, notificaciones del sistema y tooltips.
Supports delegating data processing tasks like filtering, sorting, and pagination to a server-side API.
smartTable es un componente de cuadrícula de datos y framework de vista de tabla para Android. Funciona como una biblioteca de interfaz de usuario basada en anotaciones que utiliza marcadores de clase y campo para mapear automáticamente modelos de datos a columnas visuales y definir propiedades de tabla. El proyecto se distingue por una profunda integración con hojas de cálculo, proporcionando herramientas para importar y exportar datos desde y hacia archivos Excel mientras se preserva el formato de celda, estilos, colores y alineación. También cuenta con un sistema de renderizado basado en canvas que admite diseños de cuadrícula complejos con celdas combinadas, encabezados congelados y bloqueo de columnas. La biblioteca cubre una amplia gama de capacidades de gestión de datos, incluyendo ordenamiento, agregación y el cálculo de estadísticas de columna. Gestiona grandes conjuntos de datos mediante paginación virtual, controles de zoom y formato condicional de celdas para mantener la legibilidad y el rendimiento. El framework está implementado en Java para aplicaciones Android.
Handles user interaction through cell and header click events and supports pinch-to-zoom navigation.
Este proyecto es una implementación del lado del servidor para renderizar tablas de datos interactivas utilizando el framework Laravel. Actúa como un puente y envoltorio de API que mapea consultas de base de datos al formato JSON específico requerido por el plugin jQuery DataTables. La herramienta se centra en el manejo de grandes conjuntos de datos mediante el procesamiento de paginación, filtrado y búsqueda en el servidor, en lugar de cargar todos los registros en el navegador. Traduce los parámetros de solicitud HTTP entrantes en consultas de base de datos para asegurar que solo se obtengan y serialicen las filas necesarias. La superficie de capacidades incluye mapeo de datos basado en Eloquent, inyección automática de búsqueda con comodines y serialización de objetos de respuesta. También proporciona utilidades de diagnóstico para la depuración de consultas de base de datos al adjuntar las sentencias SQL ejecutadas a las respuestas de la API. El paquete proporciona utilidades integradas para la exportación de datos y la edición de tablas interactivas.
Ships interactive table components featuring integrated editors and data export utilities.
Este proyecto es una colección de patrones de implementación y ejemplos de código fuente para construir aplicaciones de escritorio utilizando varias librerías de interfaz de Python. Proporciona implementaciones de referencia y patrones arquitectónicos para múltiples frameworks, incluyendo PyQt, PySide, Tkinter, Kivy y Streamlit. El repositorio se distingue por ofrecer ejemplos especializados para diversos tipos de interfaz, que van desde software de escritorio profesional y ventanas nativas hasta dashboards de datos web reactivos y herramientas de ciencia de datos. Incluye material de referencia específico para patrones de UI multiplataforma, como diseños modelo-vista y ejecución asíncrona de tareas en segundo plano. El proyecto cubre una amplia gama de capacidades, incluyendo gestión de diseño, desarrollo de widgets personalizados con animaciones y renderizado acelerado por GPU para visualizaciones en tiempo real. También demuestra técnicas de gestión de datos como filtrado basado en proxy y estilo de datos tabulares, así como flujos de trabajo de despliegue para empaquetar código fuente en ejecutables distribuibles con activos incrustados. Los ejemplos abordan además componentes de UI funcionales como validación de entrada, menús de navegación e integración en la bandeja del sistema, junto con implementaciones de seguridad para autenticación de usuarios y control de acceso basado en roles.
Ships mechanisms for nesting interactive components like combo boxes directly within tabular cells using delegates.
Vizro is a low-code Python framework for building production-ready data visualization applications. It functions as a UI orchestrator that allows users to define multi-page analytical dashboards through structured configurations in Python, YAML, or JSON, reducing the need for extensive frontend engineering. The project distinguishes itself through generative AI integration, utilizing a model context protocol server to translate natural language descriptions into validated dashboard configurations, charts, and layouts. It also features a decoupled data cataloging system that separates data sou
Provides interactive table components supporting dynamic sorting, filtering, and searching of datasets.
This project is a feature-rich data grid component designed for Vue applications. It provides a flexible interface for rendering, managing, and manipulating structured information, offering built-in support for essential tabular operations such as sorting, filtering, pagination, and row selection. The library distinguishes itself through its highly extensible architecture, which allows developers to override default rendering for cells, headers, and pagination controls using scoped slots. It supports complex data workflows by enabling hierarchical organization through collapsible row grouping
Executes custom functions whenever users interact with table rows, search bars, filters, or sorting controls to synchronize state with external data sources.
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.
Facilitates dynamic user interactions like row expansion, click events, and programmatic navigation.
Este proyecto es un componente de cuadrícula de datos (data grid) de alto rendimiento para React diseñado para renderizar grandes conjuntos de datos dentro de una interfaz estilo hoja de cálculo. Proporciona un framework para mostrar información tabular estructurada mientras permite interacciones complejas basadas en celdas y tareas de gestión de datos. El componente se distingue por su soporte para flujos de trabajo de edición similares a hojas de cálculo, incluyendo navegación impulsada por teclado y la capacidad de inyectar componentes personalizados en celdas individuales. Los usuarios pueden gestionar dinámicamente el diseño de la cuadrícula cambiando el tamaño de las columnas y organizando los encabezados, asegurando que la interfaz se adapte a necesidades específicas de visualización de datos. La cuadrícula incluye capacidades para manejar grandes volúmenes de información a través de renderizado en ventana (windowed rendering) y carga perezosa (lazy loading), que mantienen el rendimiento procesando solo el subconjunto visible de datos. También ofrece control imperativo a través de referencias de componentes, permitiendo la manipulación programática de posiciones de desplazamiento y estados de selección.
Offers a flexible library for building interactive data tables with support for complex cell interactions and dynamic layouts.