The StickyTableHeaderWithDragAndDrop component enhances the traditional OutSystems table by introducing two powerful features: sticky (fixed) headers and drag-and-drop column reordering. This component is designed to significantly improve the user experience, especially when working with large datasets in scrollable tables.
Sticky Table HeaderThe table header remains fixed at the top of the scrollable container, ensuring that column titles are always visible as users scroll through data. This provides better readability and reduces user confusion when viewing long lists of rows.
Column Drag-and-Drop ReorderingUsers can reorder columns dynamically by dragging and dropping the table headers. This allows for a more personalized and interactive experience, enabling users to adjust the column layout according to their preference or workflow needs.
Seamless IntegrationBuilt as a reusable OutSystems Reactive Web block, this component can be easily dragged and dropped into any screen or module, with minimal configuration required.
Fully ResponsiveThe component is optimized for different screen sizes and performs smoothly across modern browsers.