CoreUI Data Grid v0.5.0 - Toolbar Parts, Edit Tracking and Data Validation
We are excited to announce the release of CoreUI Data Grid v0.5.0. The toolbar is now built from public parts you can compose and reuse, the grid can track edited cells and validate rows, rows and cells take your own classes, and you can reach a rendered row or cell by its id. This release has breaking changes, mostly in the toolbar and the column chooser, so read the Migration Notes before you upgrade. As always, everything below is available in all four editions - JavaScript, React, Vue, and Angular.
CoreUI Data Grid v0.4.0 - Safer Lookups and Smoother Virtualization
We are excited to announce the release of CoreUI Data Grid v0.4.0. This release fixes how the grid finds its own cells when a column key contains special characters, makes the Angular edition emit state events only on a real change, ships proper ESM type declarations, and improves virtualized scrolling. As always, everything below is available in all four editions - JavaScript, React, Vue, and Angular.
Bootstrap Data Table: When a Plain Table Stops Being Enough
Every Bootstrap data table starts the same way: a <table class="table">, a
loop over some rows, done. And for a surprising number of applications, that
is genuinely all you need.
Then the requirements arrive one at a time. “Can we sort this by date?” “Can I search it?” “It’s slow with this quarter’s data.” Each one looks small, and each one is answerable with a few lines of JavaScript — until, at a fairly predictable point, it isn’t.
This article walks that ladder honestly. For each threshold we show what you can build yourself with plain Bootstrap (or CoreUI, which shares the same table markup and classes) and vanilla JavaScript, where the hand-rolled version starts to leak, and at which rung it stops being reasonable to keep writing table infrastructure by hand. If your table has 50 rows and never will have more, the code below is all you need — no library, no license, nothing to ship but a few kilobytes of your own JavaScript.
CoreUI Data Grid v0.3.0-rc.0 - Right-to-Left Layouts
We are excited to announce the release of CoreUI Data Grid v0.3.0-rc.0. This release brings right-to-left layouts to the whole grid - column order, the live reorder preview, resizing, and keyboard navigation - without an option to flip, a separate stylesheet, or a mirrored build. As always, everything below is available in all four editions - JavaScript, React, Vue, and Angular.
CoreUI Data Grid v0.2.0-rc.0 - Infinite Scroll, Cell Selection, Print & Excel Export
We are excited to announce the release of CoreUI Data Grid v0.2.0-rc.0 - the interaction release. It adds infinite scroll, auto row height, pointer-based drag and drop, row reordering, cell selection with clipboard copy, print, and a dependency-free Excel export. Everything below is available in all four editions - JavaScript, React, Vue, and Angular.