Problem with Internet Explorer Display

DanOsh · June 2015

In Firefox and Chrome, my tables display. In Internet Explorer they don't. I'm using the purchased copy of DataTables Editor.

http://skywateryachts.com/dataviews/boats.html

tangerine · June 2015

Perhaps IE is more sensitive to the errors in your code.
For example, your <div> tag immediately inside the body section has no closing </div> tag.

allan · June 2015

Just two slashes required at the start... :-)

Also, as noted in the documentation for the nightlies, keep in mind that the nightly version can and does break from time to time. Use the CDN release version for production.

Allan

DanOsh · June 2015

The

<

div> correction didn't work, but thanks for the heads up.

Allan - sorry, not sure by what you mean for two slashes to start??

Below is my code which is relatively simple and as I said, it displays great in Firefox and Chrome, but not IE -- http://www.skywateryachts.com/dataviews_test/boats_sold.html

```
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="shortcut icon" type="image/ico" href="http://www.datatables.net/favicon.ico">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=2.0">

<title>Skywater Yachts DB-Yachts/Boats-Table Template</title>
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.5/css/jquery.dataTables.css">
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/tabletools/2.2.3/css/dataTables.tableTools.css">
<link rel="stylesheet" type="text/css" href="css/dataTables.editor.css">
<link rel="stylesheet" type="text/css" href="resources/syntax/shCore.css">
<link rel="stylesheet" type="text/css" href="resources/demo.css">
<style type="text/css" class="init">

</style>
<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript" language="javascript" src="////datatables.net/download/build/nightly/jquery.dataTables.min.js?_=8ad39b7e0f90575b20da99d7495efa87"></script>

var editor; // use a global for the submit and return data rendering in the examples

$(document).ready(function() {

$('#example').DataTable( {
    "aaSorting": [[5, 'desc']],
    "lengthMenu": [[50, 100, 200, -1], [50, 100, 200, "All"]],
    "scrollY": 500,
    "scrollCollapse": true,
    "scrollX": true,

    dom: "<lf<t>ip>",
    ajax: "boats_sold.php",
    columns: [
        { data: "Vessel_Name" },
        { data: "Base_Category" },
        { data: "LOA", render: $.fn.dataTable.render.number( ',', '.', 1 ), "sClass": "alignright" },
        { data: "Built", "sClass": "aligncenter" },
        { data: "Builder" },
        { data: "Date_Sold" }
    ],

} );

} );
</script>
</head>

<body style='margin-top:0;margin-left:10px;margin-right:10;'>
<table id="example" class="display" cellspacing="0" width="100%">
<thead>
<tr>
<th>Vessel<br />Name</th> 
<th>Base<br />Category</th>
<th style="text-align: center">LOA</th>
<th>Built</th>
<th>Builder</th>
<th>Date<br />Sold</th>
</tr>
</thead>

            <tfoot>
                <tr>
                    <th>Vessel<br />Name</th> <!--  style="white-space: nowrap" -->
                    <th>Base<br />Category</th>
                    <th style="text-align: center">LOA</th>
                    <th>Built</th>
                    <th>Builder</th>
                    <th>Date<br />Sold</th>
                </tr>
            </tfoot>
        </table>

</body>
</html>```

DanOsh · June 2015

Never mind Allan, I got it.

I thought at first you meant start with // before the page or DataTables editor coding. I opened up a sample file and there it jumped out at me, I had href's starting with //, different than the sample files. Not sure how that changed up on me.

Thanks for putting me on the correct path.

Problem with Internet Explorer Display

Problem with Internet Explorer Display

Answers

Howdy, Stranger!

Categories

DataTables

Problem with Internet Explorer Display

Problem with Internet Explorer Display

Answers

Howdy, Stranger!

Quick Links

Categories

DataTables