IE 7 problem with styling and paging

IE 7 problem with styling and paging

dannygdannyg Posts: 12Questions: 0Answers: 0
edited June 2009 in General
In IE 7 the table styling and paging is not applied when the datatable is first loaded. If the show entries drop down is changed the style is applied with the correct paging. This works fine in IE 8.

Thanks
Danny

Replies

  • allanallan Posts: 62,099Questions: 1Answers: 10,183 Site admin
    Hi Danny,

    Do you have an example of this happening? IE7 works fine for me on the examples on this site.

    Allan
  • dannygdannyg Posts: 12Questions: 0Answers: 0
    Hi Allan


    var oTable;

    $(document).ready(function() {
    oTable = $('#enquiries').dataTable({

    "aoColumns": [
    { "bSortable": true, "bSearchable": true, "sType": "numeric" },
    { "bSortable": true, "bSearchable": true },
    { "bSortable": true, "bSearchable": true },
    { "bSortable": true, "bSearchable": true },
    { "bSortable": true, "bSearchable": true },
    { "bSortable": true, "bSearchable": false}],
    "aaSorting": [[0, "desc"]]
    });

    });

    $('#enquiries').keyup(function() {
    oTable.fnFilter(this.value, 0, false);
    });




    Cheers
    Danny
  • allanallan Posts: 62,099Questions: 1Answers: 10,183 Site admin
    Hi Danny,

    Thanks for your code - I've just tried pasting it into an example in my testing framework and is seems to work no problem at all in IE7. The styles are loads as expected at the first draw. I can't actually think of anything that would cause them to only apply at the second draw. Do you have a link you could post showing this problem in action?

    Thanks,
    Allan
  • dannygdannyg Posts: 12Questions: 0Answers: 0
    Sorry this is an Intranet application. It works fine when using the Ie8 Developer tool in Ie 7 mode. But still got the problem from any Ie 7 browser. There is an error displayed, in IE7 but not in IE8:
    Line : 2571, char : 5, error : Number Expected, Code : 0.
    Also MvcContrib.UI.Grid is used, could this cause an issue with IE 7?

    <%
    Html.Grid((List)ViewData["Tests"])
    .Columns(column =>
    {
    column.For(c => c.TestID).Named("ID").Action(a => {%>

    <%= Html.ActionLink(("ID" + a.testID.ToString()), "../Test/Details", new { id = a.TestID })%>

    <%
    });
    column.For(c => c.A);
    column.For(c => c.B);
    column.For(c => c.C);
    column.For(c => c.D);
    column.For(c => c.E);
    }).Attributes(id => "enquiries") .Render();
    %>

    Cheers
    Danny
  • dannygdannyg Posts: 12Questions: 0Answers: 0
    If I view the same page in Firefox 3, the formatting and paging works, but the table is moved 50% to the right and up so the headings are at the same level as the search box.

    Cheers
    Danny
  • allanallan Posts: 62,099Questions: 1Answers: 10,183 Site admin
    Hi Danny,

    Regarding the 'Number expected' error - if you updated to the latest beta of DataTables 1.5 then this should go away (unless you are overriding the automatically detected data types...).

    Regarding the display issue - it sounds like it's just a CSS issue. You might need to add a clear:both to the table's wrapper div. Firebug should be able to help you out here for fiddling with the CSS.

    Regarding the IE7 not showing styles - that is really weird. I haven't been able to reproduce this on IE7 at all. Are you able to make a cut down example which shows this problem?

    Thanks
    Allan
This discussion has been closed.