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.
Happy New Year everyone. Last year we took a bit of a step back from the blog while focusing on other aspects of DataTables, the extensions and support, but in 2019 we will be more regular with blog posts. To get us started we are going to revisit the Editor parent / child post. Parent / child editing is quite a popular topic for when you have one-to-many database structures, letting end users edit data from both tables on a single page.
The most frequent question about the previous post is "how do we do this with child rows, rather than having a child table always shown?" So that's what we are going to explore in here. As a quick start, here is the result we are aiming for:
Back in 2012 I introduced the first version of the DataTables debugger. Today I'm happy to present an updated version that introduces a number of new features as well as an increased focus on privacy.
The DataTables debugger can be used either as a bookmarklet or by simply copying and pasting a few lines of code from the debugger site into your browser's console and running it. When loaded the debugger will now offer a display with four options for actions to take:
- Table summary information: This can be useful to see an overview of the tables on your page, their data sources and processing modes.
- Version information: Display information about the versions of the DataTables software being used on your page and compare that to the latest versions that are available (indicating if upgrades are available).
- Running common tests: We've found that a number of users encounter some of the same issues when using DataTables. These aren't always easy or appropriate to test for in DataTables, so the DataTables debugger steps into this gap and will inform you of any errors of configuration issues that have been found and how to handle them.
- Upload data: As before, you have the option of uploading information about the table to the debug server. However, while this happened automatically before, you now need to explicitly click the upload button to make this happen. We've also changed how the debug information can be accessed so only employees of SpryMedia can see the debug trace.
Hi everyone, I'm Colin and I joined the DataTables team late last year to head-up testing and to provide customer support by helping to answer questions in the DataTables forum.
A recent question asked if DataTables, instead of only showing the matching filter results, could show both the matching and unmatched records together with some colouring or shading on the rows to differentiate between the two. While not a feature that is available out-of-the-box with DataTables, by using its extensive customisability (callbacks and API methods) the SearchFade plug-in has been created.
As you can see in the example below, unmatched filter results are given a reduced opacity by being assigned the
notMatched CSS class. This could easily be changed to display a different font or a different background colour by modifying that class. SearchFade is fully compatible with all other DataTables features and customisations, as it only affects the rows currently being displayed.
|Tiger Nixon||System Architect||Edinburgh||$320,800|
|Ashton Cox||Junior Technical Author||San Francisco||$86,000|
|Brielle Williamson||Integration Specialist||New York||$372,000|
|Herrod Chandler||Sales Assistant||San Francisco||$137,500|
|Rhona Davidson||Integration Specialist||Tokyo||$327,900|
|Sonya Frost||Software Engineer||Edinburgh||$103,600|
|Jena Gaines||Office Manager||London||$90,560|
|Quinn Flynn||Support Lead||Edinburgh||$342,000|
|Charde Marshall||Regional Director||San Francisco||$470,600|
|Haley Kennedy||Senior Marketing Designer||London||$313,500|
|Tatyana Fitzpatrick||Regional Director||London||$385,750|
|Michael Silva||Marketing Designer||London||$198,500|
|Paul Byrd||Chief Financial Officer (CFO)||New York||$725,000|
|Gloria Little||Systems Administrator||New York||$237,500|
|Bradley Greer||Software Engineer||London||$132,000|
|Dai Rios||Personnel Lead||Edinburgh||$217,500|
|Jenette Caldwell||Development Lead||New York||$345,000|
|Yuri Berry||Chief Marketing Officer (CMO)||New York||$675,000|
|Caesar Vance||Pre-Sales Support||New York||$106,450|
|Doris Wilder||Sales Assistant||Sidney||$85,600|
|Angelica Ramos||Chief Executive Officer (CEO)||London||$1,200,000|
|Jennifer Chang||Regional Director||Singapore||$357,650|
|Brenden Wagner||Software Engineer||San Francisco||$206,850|
|Fiona Green||Chief Operating Officer (COO)||San Francisco||$850,000|
|Shou Itou||Regional Marketing||Tokyo||$163,000|
|Michelle House||Integration Specialist||Sidney||$95,400|
|Prescott Bartlett||Technical Author||London||$145,000|
|Gavin Cortez||Team Leader||San Francisco||$235,500|
|Martena Mccray||Post-Sales support||Edinburgh||$324,050|
|Unity Butler||Marketing Designer||San Francisco||$85,675|
|Howard Hatfield||Office Manager||San Francisco||$164,500|
|Hope Fuentes||Secretary||San Francisco||$109,850|
|Vivian Harrell||Financial Controller||San Francisco||$452,500|
|Timothy Mooney||Office Manager||London||$136,200|
|Jackson Bradshaw||Director||New York||$645,750|
|Olivia Liang||Support Engineer||Singapore||$234,500|
|Bruno Nash||Software Engineer||London||$163,500|
|Sakura Yamamoto||Support Engineer||Tokyo||$139,575|
|Thor Walton||Developer||New York||$98,540|
|Finn Camacho||Support Engineer||San Francisco||$87,500|
|Serge Baldwin||Data Coordinator||Singapore||$138,575|
|Zenaida Frank||Software Engineer||New York||$125,250|
|Zorita Serrano||Software Engineer||San Francisco||$115,000|
|Cara Stevens||Sales Assistant||New York||$145,600|
|Hermione Butler||Regional Director||London||$356,250|
|Lael Greer||Systems Administrator||London||$103,500|
|Jonas Alexander||Developer||San Francisco||$86,500|
|Shad Decker||Regional Director||Edinburgh||$183,000|
|Donna Snider||Customer Support||New York||$112,000|