need help for issue

lighting1

need help for this issue.. i want to add expand button in first colomn.. like in this link
http://adkh.datatables.net/extensions/responsive/examples/child-rows/column-control.html

but after i tried to copy all source code that i need.. the expand button didnt show up..and it show datatables warning like in the picture that i attach (1.jpg)

here is my javascript code :
`
// here is the resource that i use:
<style>
td.details-control {
background: url('https://datatables.net/examples/resources/details_open.png') no-repeat center center;
cursor: pointer;
}
tr.shown td.details-control {
background: url('https://datatables.net/examples/resources/details_close.png') no-repeat center center;
}
</style>

$(document).ready(function() { var table = $('#example').DataTable( { processing: true, serverSide: true, ajax: "data.php", columns: [ { "className": 'details-control', "orderable": false, "data": null, "defaultContent": '' }, { "data": [0] }, { "data": [1] }, { "data": [2] }, { "data": [3] }, { "data": [8] } ], responsive: true, paging: true, searching: true, } ); new $.fn.dataTable.FixedHeader( table ); $('#example tbody').on('click', 'td.details-control', function () { var tr = $(this).closest('tr'); var row = table.row( tr ); if ( row.child.isShown() ) { // This row is already open - close it row.child.hide(); tr.removeClass('shown'); } else { // Open this row row.child( format(row.data()) ).show(); tr.addClass('shown'); } } ); } );

// this is my table code

	ID Order	Order Date/ 订单日期	Qty/ 数量	Price/ 价格	Note/ 备忘录

`

please, really need help for this issue...