Live Updates
Non-disruptive real-time data updates with buffering and user-controlled application.
Enable enableLiveUpdates for non-disruptive real-time data
updates. Changes are buffered and shown in a banner \u2013 the user decides when to apply them.
WebSocket Integration
Push events from any data source (WebSocket, SSE, polling). The table buffers inserts, updates, and deletes until the user clicks \u2018Apply\u2019.
Loading...
Loading syntax highlighting...Design Rationale
Live-injecting rows into a filtered, sorted, paginated table causes disorienting UX: rows jump position, disappear from filters, or conflict with active selections.
Instead, the Notification + Merge pattern buffers changes and lets the
user apply them at a natural transition point. When autoApplyOnNavigation is enabled (default), pending
changes merge automatically when the user changes page, sort, or filter.
Features:
- Animated
LiveUpdateBannershows counts (“3 new, 2 updated, 1 removed”) - Multiple updates per item are merged (only latest state applied)
- Pending insert + delete cancel each other out
- Deleted items are removed from selection automatically
- Recently updated rows get a brief visual highlight (3s fade)