DataTables 1.7.5 released

DataTables 1.7.5 released

allanallan Posts: 61,431Questions: 1Answers: 10,048 Site admin
edited December 2010 in Announcements
Hello all,

I'm very pleased to be able to announce the availability of DataTables v1.7.5! There are a number of items worth noting in this new release, but the primary one is the re-written sorting algorithm that DataTables uses. You'll find it to be much more efficient, particularly in IE.

Other improvements include a number of bug fixes and tidy up points, as well as the introduction of a new initialisation parameter bScrollAutoCss - this allows you to control the scrolling styles via CSS rather than having DataTables do it automatically. Also of note is that the column visibility options will now take into account multiple rows in the header and footer.

As always the download and release notes are here:

- Download: http://datatables.net/releases/DataTables-1.7.5.zip
- Release notes: http://datatables.net/download

And finally, if you are using DataTables and find it useful, please do consider making a donation. These donations allow me to continue developing DataTables: http://datatables.net/donate .

Enjoy!
Allan

Replies

  • huailongshuailongs Posts: 6Questions: 0Answers: 0
    thanks ,amasing work.
  • skyrackskyrack Posts: 1Questions: 0Answers: 0
    I am using DataTables v1.7.5 with the dom-sort plugin and "bStateSave".
    bStateSave doesn't seem to work for selections or checkboxes.
    Text input is saved and restored on reload but not on re-entering the url.
    I am using SeaMonkey/2.0.11.

    I am using the dom-sort example code with an added "BStateSave".

    I have potentially a very large number of tables I want to bStateSave.
    Are there any limits?
  • vexvex Posts: 30Questions: 0Answers: 0
    skyrack, I think you're missunderstanding what bStateSave does. It's used to save the sorting/ordering etc of the table, not the table data.

    If you check the documentation you should notice that only mentions sorting/filtering etc: http://datatables.net/usage/features#bStateSave

    I would guess that the fact that input text is saved and restored on reload is something that your browser is caching. If you try an hard refresh they will probably be empty.
  • wmhhodsonwmhhodson Posts: 1Questions: 0Answers: 0
    I am experiencing major issues when using DataTables and IE8.

    I am using the example that uses a JSON file. I just modified it to use a file I had saved to a WebLogic server.

    First problem is if I do not add an alert box to the code after the table is initialized prior to adding some classes and such, the table is never rendered.

    Second issue, if I add the alert, the table renders but the class code and footers are never added. Those functions fail.

    This does not happen in IE6 or IE7.

    Here's the code...

    [code]

    var oTable;
    var oTableLocal;
    var jsonFilePath;

    $(document).ready(function() {

    $('#proceedButton').click(function() {
    if(validateForm()) {
    $("#selectedButton").val("OK");
    $("#theForm").submit();
    }
    else {
    var id = "#emptyFieldsMsg";
    $(id).dialog('open');
    $(id).dialog({
    bgiframe: true,
    modal: true,
    resizable: false,
    buttons: {
    "Close": function(){
    $(this).dialog('close');
    }
    }
    });
    }
    });

    $("#cancelButton").click(function() {
    $("#selectedButton").val("cancel");
    $("#theForm").submit();
    });

    jsonFilePath = $("#jsonFile").val();

    oTable = $("#example").dataTable( {
    "bProcessing": true,
    "sAjaxSource": jsonFilePath,

    "oLanguage": {
    "sSearch": "Search all columns:"
    }
    });

    alert('Click to Proceed.');
    oTableLocal = oTable;

    try{
    $(oTableLocal.fnGetNodes()).click( function() {
    if ( $(this).hasClass('row_selected') )
    $(this).removeClass('row_selected');
    else
    $(this).addClass('row_selected');
    } );
    }
    catch(e) {
    alert("error: " + e.message);
    }

    try{
    /* Add a select menu for each TH element in the table footer */
    $("tfoot th").each( function ( i ) {
    this.innerHTML = fnCreateSelect( oTableLocal.fnGetColumnData(i) );
    $('select', this).change( function () {
    oTableLocal.fnFilter( $(this).val(), i );
    } );
    } );
    }
    catch(e) {
    alert("error: " + e.message);
    }



    } );

    function fnGetSelected()
    {
    var aReturn = new Array();
    var aTrs = oTableLocal.fnGetNodes();

    for ( var i=0 ; i
  • allanallan Posts: 61,431Questions: 1Answers: 10,048 Site admin
    @wmhhodson - Has this started happening only with the 1.7.5 release? Is that why it's posted in this release thread?

    Allan
  • dotnetrulesdotnetrules Posts: 3Questions: 0Answers: 0
    Nice :)

    Could you please provide some advice on how to use the new bScrollAutoCss? I really would like my verticle scrollbars to be visible all the time regarless.

    Thanks
  • allanallan Posts: 61,431Questions: 1Answers: 10,048 Site admin
    Hi dotnetrules,

    Certainly - something like this should do the trick for you:

    [code]
    div.dataTables_scrollHead {
    position: relative;
    overflow: hidden;
    }

    div.dataTables_scrollBody {
    overflow-y: scroll;
    }

    div.dataTables_scrollFoot {
    overflow: hidden;
    }
    [/code]
    Allan
  • dotnetrulesdotnetrules Posts: 3Questions: 0Answers: 0
    Thanks Allan,

    Unfortunately that didn't work for me. Do I need to do anything with the initialisation parameter bScrollAutoCss?

    Cheers

    Paul
  • allanallan Posts: 61,431Questions: 1Answers: 10,048 Site admin
    You need to set it to false so that DataTables doesn't apply it's own CSS directly to the elements.

    Allan
  • dotnetrulesdotnetrules Posts: 3Questions: 0Answers: 0
    Thanks Allan, that works very nicely.
This discussion has been closed.