Could any help me to resolve the alignment issue in datatable? Here is the code
Could any help me to resolve the alignment issue in datatable? Here is the code

<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
Date | Description | Service Type | Value | Code | Invoice Number |
---|---|---|---|---|---|
10 JAN 2017 | CANCELLED billing | empty | 1 | 12 | 12321312312 |
10 JAN 2017 | CANCELLED billing | empty | 1 | 12 | 12321312312 |
10 JAN 2017 | CANCELLED billing | empty | 1 | 12 | 12321312312 |
10 JAN 2017 | CANCELLED billing | empty | 1 | 12 | 12321312312 |
10 JAN 2017 | CANCELLED billing | empty | 1 | 12 | 12321312312 |
10 JAN 2017 | CANCELLED billing | empty | 1 | 12 | 12321312312 |
10 JAN 2017 | CANCELLED billing | empty | 1 | 12 | 12321312312 |
10 JAN 2017 | CANCELLED billing | empty | 1 | 12 | 12321312312 |
10 JAN 2017 | CANCELLED billing | empty | 1 | 12 | 12321312312 |
10 JAN 2017 | CANCELLED billing | empty | 1 | 12 | 12321312312 |
</body>
<script type="text/javascript">
$(document)
.ready(
function(){
$('#transactionOneOffTable').dataTable({
"sScrollY": "200px",
"bPaginate": false,
"bLengthChange": false,
"bFilter": false,
"bAutoWidth": false,
"iDisplayLength": 6,
"bInfo" : false});
});
$('#transactionOneOffTable').DataTable().draw();
</script>
</html>