Blog
On the DataTables blog you will find news, announcements and tutorials about DataTables and its suite of extensions. New posts are published (usually!) monthly, with additional news items in between.
Vue3 component
Vue.js is a front-end Javascript framework that is widely used for creating reactive web-applications. It is consistently one of the most popular frameworks around, and in this post I will introduce a the datatables.net-vue3 package that provides DataTables for use as a component in Vue3 applications.
Want to dive right into the code with some examples? This is a coding blog, of course you do! The following examples show DataTables being used in a Vue3 application on Stackblitz which allows us to run an entire Node.js based app. The examples use Vue3's composition API and Vite for the build process.
- Simple DataTable with local data
- Ajax loaded data
- Using DataTables' Extensions
- Reactive data
- Styling with Bootstrap 5
RequireJS anyone?
RequireJS is, in web-terms, an old technology now (some might say ancient), but it is still in wide use and there have been a number of questions about RequireJS and DataTables recently. Something I've wanted to do for a long time is create a single definition file that can be used to load in any DataTables extension with whatever styling library you are using. So finally, it is time to dust off the AMD loader skills and get it done!
DataTables 1.12
It is with great pleasure that I announce the release of DataTables 1.12. This is an incremental upgrade, modernising many parts of our default styling and significantly improving internationalisation abilities.
As a quick run down, in this post I will introduce the following enhancements in DataTables:
- Built in date / time rendering and ordering
- Automatic locale rendering for numbers
- Ordering style improvements
- Row colouring improvements
With this release of DataTables we have also updated all of our extensions to ensure full compatibility, make their new features available and address known issues. Please see the end of this post for links to the full release notes for all released software.
Additionally, this release spells the end of our IE6 and IE7 support for DataTables. While the Javascript hasn't had its support hacks for those browsers removed yet (and won't be until DataTables 2), so it will continue to largely work in them, any CSS hacks for these legacy browsers have now been removed so we only distribute fully valid CSS.
Let's see DataTables 1.12 in action - it will immediately be familiar to anyone who has used DataTables before:
| Name | Office | Start date | Salary |
|---|---|---|---|
| Tiger Nixon | Edinburgh | 2011-04-25 | 320800 |
| Garrett Winters | Tokyo | 2011-07-25 | 170750 |
| Ashton Cox | San Francisco | 2009-01-12 | 86000 |
| Cedric Kelly | Edinburgh | 2012-03-29 | 433060 |
| Airi Satou | Tokyo | 2008-11-28 | 162700 |
| Brielle Williamson | New York | 2012-12-02 | 372000 |
| Herrod Chandler | San Francisco | 2012-08-06 | 137500 |
| Rhona Davidson | Tokyo | 2010-10-14 | 327900 |
| Colleen Hurst | San Francisco | 2009-09-15 | 205500 |
| Sonya Frost | Edinburgh | 2008-12-13 | 103600 |
| Jena Gaines | London | 2008-12-19 | 90560 |
| Quinn Flynn | Edinburgh | 2013-03-03 | 342000 |
| Charde Marshall | San Francisco | 2008-10-16 | 470600 |
| Haley Kennedy | London | 2012-12-18 | 313500 |
| Tatyana Fitzpatrick | London | 2010-03-17 | 385750 |
| Michael Silva | London | 2012-11-27 | 198500 |
| Paul Byrd | New York | 2010-06-09 | 725000 |
| Gloria Little | New York | 2009-04-10 | 237500 |
| Bradley Greer | London | 2012-10-13 | 132000 |
| Dai Rios | Edinburgh | 2012-09-26 | 217500 |
| Jenette Caldwell | New York | 2011-09-03 | 345000 |
| Yuri Berry | New York | 2009-06-25 | 675000 |
| Caesar Vance | New York | 2011-12-12 | 106450 |
| Doris Wilder | Sydney | 2010-09-20 | 85600 |
| Angelica Ramos | London | 2009-10-09 | 1200000 |
| Gavin Joyce | Edinburgh | 2010-12-22 | 92575 |
| Jennifer Chang | Singapore | 2010-11-14 | 357650 |
| Brenden Wagner | San Francisco | 2011-06-07 | 206850 |
| Fiona Green | San Francisco | 2010-03-11 | 850000 |
| Shou Itou | Tokyo | 2011-08-14 | 163000 |
| Michelle House | Sydney | 2011-06-02 | 95400 |
| Suki Burks | London | 2009-10-22 | 114500 |
| Prescott Bartlett | London | 2011-05-07 | 145000 |
| Gavin Cortez | San Francisco | 2008-10-26 | 235500 |
| Martena Mccray | Edinburgh | 2011-03-09 | 324050 |
| Unity Butler | San Francisco | 2009-12-09 | 85675 |
| Howard Hatfield | San Francisco | 2008-12-16 | 164500 |
| Hope Fuentes | San Francisco | 2010-02-12 | 109850 |
| Vivian Harrell | San Francisco | 2009-02-14 | 452500 |
| Timothy Mooney | London | 2008-12-11 | 136200 |
| Jackson Bradshaw | New York | 2008-09-26 | 645750 |
| Olivia Liang | Singapore | 2011-02-03 | 234500 |
| Bruno Nash | London | 2011-05-03 | 163500 |
| Sakura Yamamoto | Tokyo | 2009-08-19 | 139575 |
| Thor Walton | New York | 2013-08-11 | 98540 |
| Finn Camacho | San Francisco | 2009-07-07 | 87500 |
| Serge Baldwin | Singapore | 2012-04-09 | 138575 |
| Zenaida Frank | New York | 2010-01-04 | 125250 |
| Zorita Serrano | San Francisco | 2012-06-01 | 115000 |
| Jennifer Acosta | Edinburgh | 2013-02-01 | 75650 |
| Cara Stevens | New York | 2011-12-06 | 145600 |
| Hermione Butler | London | 2011-03-21 | 356250 |
| Lael Greer | London | 2009-02-27 | 103500 |
| Jonas Alexander | San Francisco | 2010-07-14 | 86500 |
| Shad Decker | Edinburgh | 2008-11-13 | 183000 |
| Michael Bruce | Singapore | 2011-06-27 | 183000 |
| Donna Snider | New York | 2011-01-25 | 112000 |
Historic blog posts
- Social Media for DataTables and CloudTables 14th Feb 2022
- Introducing StateRestore 26th Nov 2021
- Fuzzy Search Plug-in 17th Sep 2021
- Cascading lists in Editor (part 2!) 8th Jul 2021
- Bootstrap 5 and Bulma styling 10th Jun 2021
- Type Detection Library 17th May 2021
- Internationalisation Contributions 9th Apr 2021
- Editor 2 9th Mar 2021
- Bootstrapped Podcast 29th Jan 2021
- Highcharts Integration 1st Oct 2020
- Introducing SearchBuilder 15th Sep 2020
- Editor QR Scanner Integration 10th Jul 2020
- Introducing CloudTables 1st Jun 2020
- Using Editor's libraries for server-side processing 12th May 2020
- SearchPanes Release 13th Jan 2020
- RowGroup Tricks and Tips 5th Jan 2020
- October releases - 2019 2nd Oct 2019
- DataTables download statistics - 2019 29th Jul 2019
- Scroll To Top 21st Jun 2019
- Refreshing data before editing 15th Apr 2019
- Installing Editor in WordPress 15th Feb 2019
- Parent / child editing in child rows 11th Jan 2019
- Debugger update 12th Jul 2018
- SearchFade 8th May 2018
- Vertical scroll fitting 31st Dec 2017
- Experiment: SearchPane 30th Nov 2017
- Queuing changes in Editor 24th Oct 2017
- Cascading lists in Editor 1st Sep 2017
- Editor and NPM 31st Aug 2017
- Deep linking into DataTables 24th Jul 2017
- Always visible editing panel 30th Jun 2017
- Iterators in DataTables 31st May 2017
- RowGroup - new extension 7th Apr 2017
- Ajax loaded row details 31st Mar 2017
- Locale based sorting 28th Feb 2017
- Search highlighting with mark.js 19th Jan 2017
- Sorting with absolute positioned data 23rd Dec 2016
- Editor 1.6 16th Dec 2016
- Dynamic enum sorting 16th Jun 2016
- Spring updates - 2016 24th May 2016
- Parent / child editing with Editor 25th Mar 2016
- Ellipsis renderer 26th Feb 2016
- Generator update 21st Jan 2016
- Download statistics 31st Dec 2015
- NPM and Bower 9th Nov 2015
- Editor's server-side events 2nd Oct 2015
- Multi-row bulk editing 11th Sep 2015
- Update extravaganza 13th Aug 2015
- Git repo structure update 2nd Jun 2015
- DataTables 1.10.7 30th Apr 2015
- Vertical page fitting 10th Apr 2015
- Editor 1.4 / DataTables 1.10.5 12th Feb 2015
- Ultimate date / time sorting plug-in 18th Dec 2014
- Editor 1.4 beta - .NET 4th Dec 2014
- Table captions 7th Nov 2014
- Search result highlighting 22nd Oct 2014
- DataTables 1.10.3 9th Oct 2014
- Sliding child rows 2nd Oct 2014
- Alphabet input search - Part III 22nd Sep 2014
- Permanent inline checkboxes 9th Sep 2014
- Alphabet input search - Part II 2nd Sep 2014
- Alphabet input search - Part I 26th Aug 2014
- Business: UK VAT exchange rates 8th Aug 2014
- Duplicate buttons in Editor 25th Jul 2014
- Introducing Responsive for DataTables 16th Jul 2014
- DataTables 1.10.1, Editor 1.3.2 and more 15th Jul 2014
- Nominet Internet Awards shortlist 17th Jun 2014
- Font Awesome integration 6th Jun 2014
- Support and forums updates 26th May 2014
- DataTables 1.10.0 released 1st May 2014
- DataTables 1.10.0 release candidate 25th Apr 2014
- DataTables 1.10 beta 4th Feb 2014
- HTML 5 Clipboard and File APIs 31st Jan 2014
- JS Bin update 24th Jan 2014
- Orthogonal data 9th Jul 2012
- Inline editing 31st May 2012
- Introducing Editor 4th May 2012
- DataTables debugger 26th Feb 2012
- Twitter Bootstrap 2 1st Feb 2012
- Microsoft CDN 28th Jan 2012
- localStorage for state saving 16th Jan 2012
- Twitter Bootstrap 8th Dec 2011
- Site updates - JS Bin and more 1st Nov 2011
- Getting started with DataTables 27th Aug 2011
- DataTables support 29th Jun 2011
- Drill-down rows 19th Jun 2011
- Introducing Scroller 11th Jun 2011
- DataTables 1.8 4th Jun 2011
- Creating beautiful and functional tables with DataTables 10th May 2011
- Extended data source options with DataTables 1st May 2011