/* HTML CODE

<table id="TableID" class="table dt-responsive nowrap dataTable no-footer dtr-inline collapsed" style="width:100%;"></table>

*/

var TableName = $('#TableID').DataTable( {
    
    data: [],
    paging: true,
    ordering: true,
    order: [ 0 , "desc" ],
    columnDefs: [ 
    	{	
			orderable: false, //Enable or Disable ordering
			className: 'select-checkbox', //Checkbox
			targets:   1, //Target Column
		},
		{
            "targets": [ 1 ], //Hide Column
            "visible": false
        },
    ],
	language: { //Modify Next Previous Button
		"paginate": {
			"previous": "<",
			"next":">"
		},
		search: '', searchPlaceholder: "Search" // Modify Search
	},
    columns: [
    		{ title: "", "orderable": false }, // + -
            { title: "Select", "orderable": false }, // Checkbox
            { title: "Item ID" },
    ]
});

InitiateTable();
function InitiateTable(){
    var url = _spPageContextInfo.webAbsoluteUrl +
        "/_api/Web/Lists/GetByTitle('ListName')/items?$select=*";
    $.ajax({
        url: url,
        method: "GET",
        headers: {
            Accept: "application/json;odata=verbose"
        },
        success: function(data) {
            for (var i = 0; i < data.d.results.length; i++) {
                var obj = data.d.results[i];
                
                var ItemID = obj.ID;
                
                var row = [];
                
                row.push("");
				row.push("");
				row.push(ItemID);
								
				//Initate Table
				TableName.row.add(row).draw();
	
            }
        },
        error: function(e) {}
    })
}