DataTables column name

HTML

<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/vader/jquery-ui.css">
<link rel="stylesheet" href="//cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css">
<script src="//cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
<table id="table"  class="display" cellspacing="0"><thead><tr><th>Id</th><th class="date-col">Date</th><th>Description</th><th>OutletId</th><th>Name1</th><th>Address</th><th>City</th></tr></thead>
                <tbody>
                    <tr><td>2024</td><td>2017-02-02</td><td>Something</td><td>12098</td><td>1A</td><td>Street 1</td><td>XXX 1</td></tr>
                    <tr><td>2052</td><td>2017-02-04</td><td>Something</td><td>12098</td><td>1B</td><td>Street 2</td><td>XXX 2</td></tr>
                    <tr><td>2064</td><td>2017-02-07</td><td>Something</td><td>12098</td><td>1C</td><td>Street 3</td><td>XXX 3</td></tr>
                </tbody>
            </table>

JavaScript

var table=$("#table").DataTable(
{

  "paging": false,
  "info": false, //bottom info
  "bFilter": false, //search
  "compact": true,
  "responsive": false,
  "destroy": true,
	"select":true,
  "columnDefs": [{"name":"DDATE","targets":1}]
});