DataTables logo DataTables

via Ad Packs
How are you using DataTables?
  • Hello all,

    I thought it might be interesting for people to share how they are making use of DataTables (thanks for the idea Wim). Eventually I'll put together a gallery page on the site (sometime after 1.5's unit tests are complete) but for now, perhaps you would like to share links to examples of where you are using DataTables (or screenshots if you prefer). If you can't host the screenshots, drop me a message ( www.datatables.net/contact ) and I'll put them up here.

    It would be great to see how DataTables is being used, and perhaps we can all share ideas for future deployments and the core development of DataTables going forwards.

    Regards,
    Allan
  • 111 Comments sorted by
  • Heck, I am a newbie I'll go first.

    Catalogs/pricebook:

    Sales staff in most cases do not need the fancy web-like catalogs the consumers need. All they want is description, SKU, unit qty and unit pricing. Its data that does not change that much.

    So rather than have a multitude of hits from staff on the servers for pricing a page is formatted to the dataTable specification. Staff is provided that page template, the .js file, and a modified .css file as a zip. A JSON file is provided as needed for updates emailed to them. The user only has to copy the JSON file in the same directory they have the other files.

    We have trialed it with 5 staff and they love not having to be tethered to the network to develop a preliminary estimate for customers.
  • Hi Allan,

    Here are some screen shots of how I use dataTables.

    I'm also a newbie to Javascript and JQUERY. I found this plug-in and used it in my on-line file-explorer. The explorer isn't finished yet, so don't look at the lay-out ;-)

    http://www.familieselles.nl/usage_of_dataTables.gif

    Usage:
    When a user clicks on the plusimage or double clicks on the folder in the tree, the right part is being updated, see image. Then a processDIV is shown by using this code (tnx Allan):

    $("#folder_file").dataTable({
    	"iDefaultSortIndex": 0,
    	"fnInitComplete": function() { $('#processing_right').hide();}
    });
    

    and the processDIV is hidden when all is loaded.
    I also use a processDIV when a user sorts a table, see image.
    I use dataTables in combination with liveQuery to add the contextmenu to the rows, but I need to find out how to disable liveQuery and make the contextmenu work without it. That's very hard for a newbie ;-).

    If people like to help, feel free, you can reach me at: wimDOTsellesATfouroaksDOTnl

    At last I want to say that this is a great plug-in developed by a dedicated person called Allan. He always answers forum questions as fast as hell. So compliments to Allan !!!!!!!!!!

    Greetings,


    Wim
  • Hi Allan,

    First, let me tell you that after looking at the code of your DataTables library, I have decided to pick this one over the others that I have reviewed in the past weeks. It is simple and most of all, it is documented which is pretty hard to find these days in the open source javascript community, for what I know anyway.

    I intend to use DataTables for my .Net MVC project which will be a framework for transactional web sites. I might add some functionalities to the grid if needed and I'll make sure to keep you inform if I feel it could be useful for others.

    Thanks again for your great work!

    Pierre Boucher
  • I'm using DataTables on a custom-built CRM for various purposes. Basically everywhere I'm presenting a table to users, I'm starting to retro-fit a basic DataTables implementation.
  • I am using DataTables in a chess website at http://communitychessclub.com/games-II.shtml
  • I'm using asp.net (.net 3.5) to deliver json to an aspx page. This is the used as an ajax source. The data effectively collates news alerts and shows the last 100.

    The grid is only loaded when the tab it resides on is clicked on which saves effort. Navigating away and back to the tab reloads the data.

    My js code is as so:

    	<script type="text/javascript">
            //keep a note of our datatable
            var oTable;
    
            $(document).ready(function() {
                var table_initialised = false;
                $("#tabs").tabs();
    
                //bind the loading of the table to the tab select event so that we don't waste time and database effort
                $('#tabs').bind('tabsselect', function(event, ui) {
    
                    if (ui.index == 1) {
                        if (table_initialised == false) {
                            //build the table from scratch
                            table_initialised = true;
                            oTable = $('#alerts').dataTable({
                                "aaSorting": [[0, 'desc']],
                                "bAutoWidth": false,
                                "bProcessing": true,
                                "bServerSide": true,
                                "sAjaxSource": "alerts.json.aspx"
                            });
                        } else {
                            //redraw the table
                            oTable.fnDraw();
                        }
                    };
                });
    
    
            })
        </script>
    

    What I need to do now is notify the user that something is happening when it loads and bind any error events to a function which can handle them gracefully.

    Cheers for the great plug in
    Chris


    * Edited by Allan to add syntax highlighting (22-05-09)
  • We just started using Datatables in our wiki travel guide on Travellerspoint. It is used to display accommodation listings inside the articles. Without some sort of pagination, they would take over many of the articles, because there are so many. For an example, check out our London Travel Guide (http://www.travellerspoint.com/guide/London/).

    Thanks for a great plugin - it really does do exactly what I was looking for! :)
  • Hi Daamsie,

    Nice to see how you use it, but I think you have a little bug in your page with the dataTable. When I click on sort the 2nd column the processing div shows, but when it is ready, it doesn't go away.
    Testen with IE7.

    Greetings

    Wim
  • Hey Selles, thanks for the feedback. I've turned off the processing indicator. It's not really necessary for our relatively small tables.

    Actually, I think there is an inaccuracy in the documentation (or a difference between versions). It says the default is for the processing indicator to be off. However, I hadn't turned it on and it was showing. Now I've manually set it to false to make it disappear. Initially it wasn't showing, but then we upgraded to the latest version of datatables to fix a nasty IE bug. Since then it started showing.
  • Hi All,

    Thank you very much for your posts - it is really very interesting to see how DataTables is being used in action! Please keep them coming!

    @daamsie and Wim: I've spun the conversation about bProcessing off into a separate thread so as to keep this thread on course. You can see the discussion here: http://datatables.net/forums/comments.php?DiscussionID=266

    Regards,
    Allan
  • We're using DataTables to display and filter product data: http://raychem.tycoelectronics.com/Product_Selector/

    (Still on DataTables version 1.4.2 though; it brakes with 1.4.3 and we haven't had the time to figure out why and make it all work ;-)).
  • I am using it at my new site http://whoowes.me and countless projects for the military over here in Iraq - has gotten awesome feedback by the way!
  • Hi Allan (and others),

    I'm using DataTables on a genealogy website, to display information about certain old records and maps that are held in a library in Ukraine:

    http://www.jewishgen.org/galicia/cadastral_maps_and_landowners_project/records.php

    I'm going to be using DataTables a lot more in the coming months, to turn various .XLS/.CSV files into searchable database-like presentations for the web (without actually turning them into mySQL databases unless it's really needed). So, your plugin will be helping researchers and genealogists search through old vital record data from the former Austro-Hungarian Empire.

    ** Support question moved to http://datatables.net/forums/comments.php?DiscussionID=332 (by Allan)

    Thanks. :-)
  • Hi Allan,

    I am using Data tables for displaying aggregated information from different databases and I am rendering almost 10000 rows. The Django based application is not still complete. So, I can not post links/screen-shots.

    One thing, I would like to mention specially - you have provided a clean documentation with examples, which, I feel is not common in open source! It has made the usage very easy. This is as good as Django framework!

    Once again thumps up!!
  • Allan,

    I am writing a lot of data reporting/analysis/dashboard stuff. So I have wrapped your tool with a general browser side data management tool. The idea is that I send a JSON object full of data to the browser (two dimensional at this point). Then I create divs with configuration data of what I want to display. So far I can configure some very simple sql statements to filter and/or groupby the data into a new dataset; I can display the raw data or the filtered data as a table, configuring it per your parameter structure; I can make a chart using another jquery tool, Open Flash Chart, with a combination of your parameter structure and Open Flash Chart's; and lastly I can make a JMap with pins that vary in size, shape and color based on data in the dataset.

    It has been loads of fun doing this and I have learned a lot looking through your code. I hope to have time this fall to straighten out my spaghetti, and move it to a public site. The pipe dream is that Version 2 will include a gui to configure the presentation in the browser and then save the whole thing back to the server as a report.

    Thanks for this great tool and documentation.
  • Allan,

    I'm working on a web application for the treatment of children with mental health issues. Your table plugin was exactly what I needed to create an interactive "Table of Contents", where psychologists can quickly sort and filter various data to find the information they need.

    Thank you!
    Christina
  • Allan,


    I use dataTables for a simple messaging system, using PHP/MySQL.

    I'm getting the the messages data upon page loading, I don't really need real-time updating. Maybe in the future I'll use AJAX. That said, because it's a dynamically created table, I use aaData, as in :
    http://datatables.net/examples/example_dynamic_creation.html

    I create dynamically all the tables (Inbox, Sent, Archived) and then place them in divs called by the tabs, which are built upon JQuery's UI scripts. The cookie will be perfect for preserving the state of each tab's (table's) content.

    Here's a screenshot :

    http://bonatoc.free.fr/jquery_dataTables_screenshot.png


    Once again, Bravo Allan !
  • Hi, loving datatables.

    I have create a slider listing database using datatables, Jquery slider ui and the range finder plugin. WOrking alongside country and type filters

    Plus with the scrolling pagination plugin!

    http://www.wearehome.com/fractional-ownership-slider.php

    edit - Linky change sorry
  • Hi,

    Also totally in love with Datatables, trying to pass the message to every develops website.

    I'm using Datatables for my company's intranet. 50% of the pages are registers, with 500 to 5000 entries depending on the subject. I'm using mysql, the also-great TableTools plugin, jEditable to update fields.

    When you have a lot of data to display, datatable is just perfect. Whatever the data is !
    (remove the "x" at the end of the previous post's link to see benjash's example. Nice one !)

    Thanks a lot !
  • Using datatables (for a while now) as the rendering engine for the Community Dashboard Framework, a community project to build dashboards on Pentaho Business Intelligence Suite


    Screenshot here: http://www.webdetails.pt/images/samples/sample9.png
  • Hi Allan,
    Thanks for an excellent plug-in! You've provided excellent support in these forums, very comprehensive documentation, and some very robust features.

    I'm using DataTables with a couple proprietary web apps. In both cases they provide summary/list views that the user clicks on to access the details. I am especially thankful for the filter feature... this is a valuable extra that my users love.

    I've done a couple customizations of my own, I will try to find time to formalize them and send to you. One is a scrolling table, something discussed elsewhere on the forums. I accomplished this via a DataTables pagination plug-in... I wasn't sure of an easier way to hook into table updates, especially when filtering occurs. I've written a couple custom sorting functions with the help of your posted examples. May I add that "Numbers with HTML" may deserve to be part of DataTables' core. I might also have a couple examples to contribute for using advanced options in certain combinations.

    Thanks!
    Will
  • How can I disable the search box? Thanks!
  • Hi Allan,

    I'm a newbie in js and jquery and I was able to create a decent UI using your work.

    I'm using DataTables for an internal webapp for a client. It has to be able to sort 2000+ rows quickly, works in IE 6/7, have an individual column search capability and an export to csv capability. Seems like your work is more than sufficient for doing all these requirement.

    Thank you very much!

    - Ray
  • Thank you very much for this really great piece of software!
    My usage: in gameserver management web application, this specific example featuring: showing 5775 database records on one page, 9 Data Tables instances, ajax loading of data, onclick events for rows, custom date format sorting etc

    http://www.hajtek-studio.com/dtex/

    (click on red flags to see the actual data tables)
  • datatables is a godsend. i am using it in a hosted software product to display records of finance companies' assets, and to allow them to manipulate those records easily.

    -raf
  • We're currently developing a hosted application for visualisation and filtering of measured values captured from various industrial equipment on top of the grails framework with JQuery and JQuery-UI, powered by a MySQL Database. After loosing approximately 2 weeks with other table-solutions that wear not flexible enough to suite our customers needs (and my quality requirements in terms of clean and documented code, clean integratability of our own functions and last but not least performance) I finaly found datatables, merely by accident, though. After integrating it for doing some quick evaluation, I'd choosen to throw away the other table-engine and migrate to this one. 2 days passed, the table(s) works well, much faster than the old one and I finaly was able to integrate some of my wishes, the old system was not flexible enough, and too bloated, for.

    Putting this all together in a short sentence:
    DataTables is business ready (well, with a few small edges here and there)

    Thank you!
  • Since you asked...

    My initial use was for a client who needed a tool that would allow them to "market" to their customer base. This allows them to list all past and current customers, select who they want to to send an e-mail to from the list (sorted or reduced) and then use ckeditor to create the e-mail and send it to the selected list from the datatable.

    Since I am a contributor to OSCommerce, I am also using the datatables in a series of upgrades and contributions that will be released on the open source osCMax [www.oscmax.com] product (some will be contributed to the standard osc site as well). These include a total rewrite of the admin categories.php portion (osCMax) to full jquery as well as porting a version of the contact management utility (osc and osCMax).

    One key reason I selected datatables is that I use jquery.ui and the ability to cleanly integrate into themeroller was a key decision point.
  • Hi,

    I am using datatables from more then an year now. Its been a very good experience using this utility. I started with 1.4 to display the call detail records (CDRs) and other information in my Telecom application. But it takes significant amount of time when there are records in thousands so recently i am moving to 1.5 because of the server side pagination support.

    Shoaib
  • I have trouble getting jEditable and KeyTables to play well.

    On pushing enter, it allows you to edit, but the actual arrow keys still stay active, which then allows you to also enter another field.

    My code:

    <script type="text/javascript" charset="utf-8">
    			var oTable;
    			
                $(document).ready( function () {
                    var oTable;
                   /*  Init DataTables */
                    oTable = $('#example').dataTable();
                 /* TableToolsInit.sSwfPath = "dataTables-1.6/media/swf/ZeroClipboard.swf"; */
                   
    
                    /* Apply the jEditable handlers to the table */
    				$('#example tbody td').editable( 'catch_data', {
    					"callback": function( sValue, y ) {
    						var aPos = oTable.fnGetPosition( this );
    						oTable.fnUpdate( sValue, aPos[0], aPos[1] );
    					},
    					"submitdata": function ( value, settings ) {
    						return { "row_id": this.parentNode.getAttribute('id') };
    					},
    					"height": "14px"
    				} );
    
                    /* Map KeyTable reference */
                    var keys = new KeyTable( {
                        "table": document.getElementById('example')
                    } );
    
                    /* Apply a return key event to each cell in the table */
                    keys.event.action( null, null, function (nCell) {
                        /* Block KeyTable from performing any events while jEditable is in edit mode */
                        keys.block = true;
    
                        /* Initialise the Editable instance for this table */
                        $(nCell).editable( function (sVal) {
                            /* Submit function (local only) - unblock KeyTable */
                            keys.block = false;
                            return sVal;
                        }, {
                            "onblur": 'submit',
                            "onreset": function(){
                                /* Unblock KeyTable, but only after this 'esc' key event has finished. Otherwise
                                 * it will 'esc' KeyTable as well
                                 */
                                setTimeout( function () {keys.block = false;}, 0);
                            }
                        } );
    
                        /* Dispatch click event to go into edit mode - Saf 4 needs a timeout... */
                        setTimeout( function () { $(nCell).click(); }, 0 );
                    } );
                    	/* You might need to set the sSwfPath! Something like:
                       
                       */
    
                } );
    		</script>
    <div id="user_wrapper">
    <table cellpadding="0" cellspacing="0" border="0" class="display dataWrapper KeyTable" id="example" width="50%">
      <thead>
        <tr>
          <th>Name</th>
          <th>Login name</th>
          <th>Email</th>
    
          <th>Created at</th>
        </tr>
      </thead>
      <tbody>
        
          <tr id="#example" class="gradeC">
            
            <td >Moises</td>
            <td>clare82</td>
    
            <td>chauncey@hane.uk</td>
            <td>2010-01-28 11:43:55 UTC</td>
          </tr>
          <tr id="#example" class="gradeA">
            
            <td >Emil</td>
            <td>beau37</td>
            <td>robyn.mante@dicki.ca</td>
    
            <td>2010-01-28 11:43:55 UTC</td>
          </tr>
          <tr id="#example" class="gradeC">
            
            <td >Marco</td>
            <td>malvina93</td>
            <td>teagan@padberg.name</td>
            <td>2010-01-28 11:43:56 UTC</td>
    
          </tr>
    etc

    Any help appreciated.
  • I'm using DataTables on wiki-data.com (just perform a search to see it in action).

    The process of getting to where I am now has been interesting, and Allan's help has been invaluable! The FixedHeader plugin came in very handy, which Allan wrote partly due to my nagging. :)

    I wrote a plugin to let you drag columns around [1], and it was good to see how easy the framework was to extend.

    Many thanks to Allan for his great work and continued improvements and support.


    J.

    [1] http://datatables.net/forums/comments.php?DiscussionID=764
  • I have been using DataTables in 3 different projects the last 6 months. And it works great every time. Two of the projects just has small tables with less than hundred rows, so here I do everything in javascript. On the last project I have used it with up to 2000 rows, and here performance made me do things server side.

    Thanks a lot for this peace of great software, a donation will be coming your way.

    -gaute
  • I use datatables in about a half dozen sites (so far!). Mostly in the admin areas.

    I often have a column for `edit` and `delete` of a record.
  • Using DataTables to present a searchable, sortable listing of published reference values for prosthetic heart valves:

    http://dev.parameterz.com/avr
    http://dev.parameterz.com/mvr

    //edit
    * just noticed that I posted this on *Valentine's Day*

    ;-)
  • Just testing out datatables for an internal product sales and logging feature. Essentially we sell products online, and I am using DT's so our agents can pull up previous order histories/details.

    So far it looks great, and in fact I will probably use it in a number of other places that I see a need for already.

    I am looking forward to become a expert soon =]

    -Peter
  • I use datatables as part of document management portlet.

    http://img263.imageshack.us/img263/7160/treedata.jpg
  • I'm working on a project involving various tables holding sports team, event, and player information. We're moving from a heavily YUI-oriented interface to a jQuery one because...well it's awesome, and we need to find a suitable replacement for the very capable YUI Datatable.

    After almost going with a tablesorter/tablesote-pagination/quicksearch combination, I found datatables a couple days ago. I plugged it into a couple tables and so far, it's great! Nice to have everything in one package.

    I think I might have some suggestions/requests that I'll get around to posting soon
    -jannon
  • Hi josk,

    I like the way you have the tree folders on the left and files on the right, been trying to come up with something like that. What did you use for getting the tree structure and linking it up with the right hand side? Is it all data table stuff?

    Cheers

    Euan
  • Hi Euan,

    Just a quick answer from me on this, since this isn't really the place to have a discussion about it (perhaps you could open a new thread if you want to consider it further - but it is a good question!) I would imagine josk is using a tree view plug-in for jQuery (or some other JS library) which, when clicked will populate a DataTable. DataTables only does table display, not tree view stuff etc - that would need a tree view library :-)

    Allan
  • I just thought that I would add to this thread. I am using DataTables in a number of places in an application for a local walking group (part of the Ramblers Association, a charity in the UK).

    It integrates really well and makes the application look very professional, Many thanks Allan

    There is a link to one of the pages http://www.walkinggroup.org/H2030PlannerPage.PNG
  • <a href=" http://mbtshoeswalking.com ">MBT Shoes & MBT Footwear & MBT Walking</a>
    <a href=" http://mbtshoeswalking.com/index.php?main_page=index&cPath=81 ">MBT M.Walk Shoes & MBT Shoes</a>
    <a href=" http://mbtshoeswalking.com/index.php?main_page=index&cPath=78 ">MBT Athlete Shoes & MBT Footwear</a>
    <a href=" http://mbtshoeswalking.com/index.php?main_page=index&cPath=79 ">MBT Chapa Shoes & MBT Shoes</a>
    <a href=" http://mbtshoeswalking.com/index.php?main_page=index&cPath=80 ">MBT Lami Shoes & MBT Shoes</a>
    <a href=" http://mbtshoeswalking.com/index.php?main_page=index&cPath=82 ">MBT Sport Shoes & MBT footwear</a>
    <a href=" http://mbtshoeswalking.com/index.php?main_page=index&cPath=83 ">Women's MBT Tataga & on sale MBT shoes</a>
    <a href=" http://mbtshoeswalking.com/index.php?main_page=products_new ">MBT Shoes & MBT Footwear</a>
    <a href=" http://mbtshoeswalking.com/index.php?main_page=products_all ">MBT Footwear & MBT Walking</a>


    http://mbtshoeswalking.com MBT Shoes & MBT Footwear & MBT Walking
    http://mbtshoeswalking.com/index.php?main_page=index&cPath=81
    http://mbtshoeswalking.com/index.php?main_page=index&cPath=78
    http://mbtshoeswalking.com/index.php?main_page=index&cPath=79
    http://mbtshoeswalking.com/index.php?main_page=index&cPath=80
    http://mbtshoeswalking.com/index.php?main_page=index&cPath=82
    http://mbtshoeswalking.com/index.php?main_page=index&cPath=83
    http://mbtshoeswalking.com/index.php?main_page=products_new
    http://mbtshoeswalking.com/index.php?main_page=products_all


    links:http://mbtshoeswalking.com MBT Shoes & MBT Footwear & MBT Walking
    links:http://mbtshoeswalking.com/index.php?main_page=index&cPath=81
    links:http://mbtshoeswalking.com/index.php?main_page=index&cPath=78
    links:http://mbtshoeswalking.com/index.php?main_page=index&cPath=79
    links:http://mbtshoeswalking.com/index.php?main_page=index&cPath=80
    links:http://mbtshoeswalking.com/index.php?main_page=index&cPath=82
    links:http://mbtshoeswalking.com/index.php?main_page=index&cPath=83
    links:http://mbtshoeswalking.com/index.php?main_page=products_new
    links:http://mbtshoeswalking.com/index.php?main_page=products_all
  • Hi Allan,
    I use DataTables 1.6.2 and it's really awesome. I tried the add-on TableTools, but the toolbar didn't show up.
    Could you help me to see what's going on?
    Here is the code:
    <link rel="stylesheet" type="text/css" href="style/demo_table.css" />
    <link rel="stylesheet" type="text/css" href="style/demo_page.css" />
    <link rel="stylesheet" type="text/css" href="style/demo_table_jui.css" />
    <link rel="stylesheet" type="text/css" href="style/jquery-ui-1.7.2.custom.css" />
    <link rel="stylesheet" type="text/css" href="style/ddsmoothmenu.css" />
    <link rel="stylesheet" type="text/css" href="style/TableTools.css" />

    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.validate.js"></script>
    <script type="text/javascript" src="js/dropdowntabs.js"></script>
    <script type="text/javascript" src="js/jquery.chainedSelects.js"></script>
    <script type="text/javascript" src="js/jquery.dataTables.js"></script>
    <script type="text/javascript" src="js/ddsmoothmenu.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/ZeroClipboard.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/TableTools.js"></script>

    <script type=\"text/javascript\" charset=\"utf-8\">
    $(document).ready(function() {
    oTable = $('#example').dataTable({
    \"bJQueryUI\": true,
    \"sPaginationType\": \"full_numbers\"
    \"sSortColumn\": \"6\"
    \"sDom\": 'T<\"clear\">lfrtip'
    });
    } );
    </script>

    Thanks Allan,
    Tjie Siong
  • I have been using datatables exclusively on several projects and can't say enough about it. I did a little write up on using datatables with WCF services:

    http://www.rantdriven.com/post/Using-Datatablesnet-JQuery-Plug-in-with-WCF-Services.aspx

    I want to say thank you very much for all of your hard work!

    -Jeff
  • I am a newbie in programming and want to develop a simple but professional and user friendly accounting application. Several open source libraries and classes are helping me enormously (though slowly as I am still climbing the learning curve). Datatables is one of them and an important one at that. Accounting is about reporting and tables, editing and filtering. For the user friendliness is where datatables comes in, e.g. the ajax-edit.

    I selected DataTables from quite some options in this post:

    http://roberto.open-lab.com/2010/01/18/javascript-grid-editor-i-want-to-be-excel/

    where to me, and for my requirements, DataTables stood out from the crowd.

    Before starting to ask questions I will first dive into this forum, documentation and JS and jQuery in general. I want to learn more on how to generate tables from server side and do some customisation on presentation.

    Allan, thanks a lot so far for this impressive one man show.

    Timmo
  • Hi all,

    we're using DataTables for http://www.topicmapsforge.org to represent a lot of statistics and data. At the moment we have approximately 6000 automatically generated tables, and the number keeps growing :)


    With kind regards,

    squig
  • Hi,

    We are using DataTables for our time tracking software LogMyTime Zeiterfassung - http://www.logmytime.de (currently only available in German).
    We use it in the adminstration area to list all users, projects and clients of an account.

    I really enjoyed using DataTables, my part was to style them with CSS and that was very easy thanks to the great instructions on the DataTables website.

    Best regards,

    Sandra
  • Hi datatables fans:)

    I am happy to announce that the next site built with datatables just took off.

    You can check the results at http://alert-grid.com

    Idea of this website is to provide instant notifications for custom events in IT infrastructure and applications. To give some example:
    You have some scheduled tasks (probably trigerred by cron) which does important stuff in your business (like sending invoices in application supporting invoicing). If this fails for some reasons - your company could have a headache with answering calls from angry clients, and maybe even worse things can happen.

    You can secure yourself easily by integrating your scheduled task with AlertGrid. This will allow you to set up rules like "IF my_task haven't responded for X minutes, then send SMS/make phone call to responsible person". You can also send some parameter like NUMBER_OF_INVOICES and build rule around that, eg. "IF NUMBER_OF_INVOICES > threshold send information with suggestion to upgrade infrastructure".

    Hope you'll like it:)

    We use datatables with django - we send some time ago script how to integrate django with datatables to Allan and you can already find it on this site.

    Here are some pages of AlertGrid:
    http://alert-grid.com
    http://twitter.com/alertgrid
    http://www.facebook.com/pages/AlertGrid/112051298840278

    Best Regards,
    Lukasz Dziedzia
  • Integrated application where the admin portion uses datatables

    http://www.wwinfo.com/images/admindesktop-datepicker.png

    The page uses
    1) jquery UI layout (http://layout.jquery-dev.net/documentation.cfm)
    2) jquery datatables
    3) jquery.ui dialog, tabs and the datepicker on top of the dialog [this is a big deal because the datepicker has z-index problems when used in a dialog]

    The client loves the system and the functionality. To quote him, "It's intuitive."

    [and Allan, good to see you participating in the discussions in the jquery.ui @ pbworks. I really do hope that you can push some form of datatables as the table widget.]

    One note: I had to move from async to sync calls in a for loop that I have that updates the second table when a change is made on the first. For example, when you delete a diagnostic it unlinks the 1-n questions that are associated to it. On the diagnostics table I delete the row, and a part of the ajax return from that call is a list of question id's that have been unlinked and have to be updated in the second table. I then call another ajax routine that visually unlinks the ids by getting the TR pointer to that id in the table (jquery selection of the row by id in a TD field), then calling the ajax routine that gets the new TR for that question to update the question table item. This second ajax call has to be made as a sync verse an async call since the pointer to the table row is reused in the loop.
  • I'm using datatables to catalog my coin collection: http://www.aboutgood.org/
  • Really great software!! ... but really poor developer (not Allan, but me) ;)

    I travel a lot and I want to adapt datatables-keytables to edit my travelling data, in a fast-web-spreadsheet way to store them in a remote server.
    By now I am done with part of it, but not the "fast" (keytables gets mad when you keep pressed arrow keys to move inside an edit table).
    I am also finding pretty odd behaviour by now ... my code only works well in Internet Explorer 8-(
    (it's the kind of comment I wouldn't ever expect to post anywhere; I hope I can edit this to delete it soon!)

    If someone else is interested in fast-editing-spreadsheet usage, please enter and comment in this thread:
    http://datatables.net/forums/comments.php?DiscussionID=1906
    (link to my testing code there)

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Support

Get useful and friendly help straight from the source.

In this Discussion