JQuery DataTable - Not Working in IE8

jemrusalem07

I have successfully implemented DataTable that works in other browsers, but found out that it doesn't work on IE8. However I need to support IE8 also. What just appear is a normal html table, which means the DataTable doesn't load correctly. I'm using the following versions:

DataTables-1.10.0
jquery-ui-1.10.4.custom/js/jquery-1.10.2.js

Here is my webpage:

    <link href="../js/DataTables-1.10.0/media/css/jquery.dataTables.css" type="text/css" rel="stylesheet"/>
<link href="../js/DataTables-1.10.0/extensions/TableTools/css/dataTables.tableTools.css" type="text/css" rel="stylesheet"/>

<link href="baf.css" type="text/css" rel="stylesheet" />

<style type="text/css">
    body { font-family:Arial, Helvetica, Sans-Serif; font-size:0.8em;}
    a:link {color: blue; text-decoration: underline; }
    a:active {color: blue; text-decoration: underline; }
    a:visited {color: blue; text-decoration: underline; }
    a:hover {color: blue; text-decoration: none; }
</style>

<script src="../js/jquery-ui-1.10.4.custom/js/jquery-1.10.2.js"></script>
<script src="../js/DataTables-1.10.0/media/js/jquery.dataTables.js"></script>
<script src="../js/DataTables-1.10.0/extensions/TableTools/js/dataTables.tableTools.js"></script>

<script type="text/javascript">
$(document).ready(function() {
    $("#tableBD1").dataTable( {
        dom: 'T<"clear">lfrtip',
        tableTools: {
            "sSwfPath": "../js/DataTables-1.10.0/extensions/TableTools/swf/copy_csv_xls.swf",
            "aButtons": [
                            {
                                "sExtends": "xls",
                                "sButtonText": "Export to Excel",
                                "sFileName": "Business Domain Report.csv",
                                "oSelectorOpts": {
                                    page: 'current'
                                }
                            }
                        ],
             "sScrollY": 400,
             "sScrollX": "100%",
             "bAutoWidth": false
        },
        "lengthMenu": [[100, 50, 25, 10, -1], [100, 50, 25, 10, "All"]]
    } );

    $('#Gridview_ID ').dataTable({
            dom: 'T<"clear">lfrtip',
            "aoColumnDefs": [
                             { "bSortable": true, "aTargets": [1], "sType": "numeric" }, null
                         ],
            tableTools: {
                "sSwfPath": "../js/DataTables-1.10.0/extensions/TableTools/swf/copy_csv_xls.swf",
                "aButtons": [
                                {
                                    "sExtends": "xls",
                                    "sButtonText": "Export to Excel",
                                    "sFileName": "Business Domain Report.csv",
                                    "oSelectorOpts": {
                                        page: 'current'
                                    }
                                }
                            ],
                 "sScrollY": 400,
                 "sScrollX": "100%"
            },
            "lengthMenu": [[100, 50, 25, 10, -1], [100, 50, 25, 10, "All"]]
    });

} );
</script>

udayram

i am facing same issues data table not loading.