Datatables.net Long lines

by aljordan82

HTML

<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css">
<script src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js"></script>
<div class="container">
    <table class="grid"></table>
</div>

CSS

.dataTable {
    width: 100% !important;
    margin: 0;
}

.dataTables_wrapper {
    position: relative;
}

.dataTables_scrollHeadInner {
    width: 100% !important;
}



.container {
    position: relative;
    width: 70%;
}

.container .grid {
    position: relative;
    overflow-x: hidden;
}

JavaScript

$(".grid").dataTable({
    bFilter: false,
    bDeferRender: true,
    bProcessing: false,
    aaData: [
                [
                    "1",
                    "01/09/2013",
                    "04/09/2013",
                    "07/09/2013",
                    "lexeRoy"
                ],
                [
                    "2",
                    "02/09/2013",
                    "03/09/2013",
                    "04/09/2013",
                    "myName"
                ]
            ],
    aoColumns: [
        { sTitle: "ID", mData: function(data,d) {
            return data[0]
          } },
        { sTitle: "date", mData: function(data,d) {
            return data[1]
          }
        },
        { sTitle: "Name",mData: function(data,d) {
            return data[4]
          }
        }
    ]
});