게으른 개발자!!!

 table header 를 html thead tr 사용 하지 않고 정의 하기

<table id="example" class="display" style="width:100%">
    <thead>
    </thead>
</table>

<script>

$('#example').DataTable( {
  columns: [
	{"data":"mdate","title":"날짜"},
	{"data":"username","title":"이름"},
	{"data":"tel","title":"연락처"}
  ]
} );

</script>

	"columns" : [
	    	{"data" : "no","defaultContent":""},				
	    	{"data" : "name","defaultContent":""},
	    	{"data" : "user_id","defaultcontent":""},				
	    	{"data" : "",
	    		render: function(data,type,row){
	    			return "<button id='btn_info' type='button' class='btn' onClick='openInfo("+row.user_id+")'>상세정보</button>";
	    		}
	    	}
	],

function openInfo(user_id) {

	// Table 에서 받은 user_id 출력
	console.log(user_id);
    
}

• l - length changing input control
• f - filtering input
• t - The table!
• i - Table information summary
• p - pagination control
• r - processing display element

https://datatables.net/reference/option/dom

정리는 나중에