본문 바로가기

js

jQuery DataTable 각각의 td 정렬

// 스타일 클래스 지정

<style>

.alCenter{text-align:center;}
.alRight{text-align:right;}
.alLeft{text-align:left;}

</style>

 

 

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

   "ajax" : "ajax 요청할 url",

   "columns" : [

        { "data" : "쿼리로가져온  컬럼명" },  // 0번째 타겟

        { "data" : "쿼리로가져온  컬럼명" },  // 1번째 타겟

        { "data" : "쿼리로가져온  컬럼명" }   // 2번째 타겟

    ],
    "columnDefs": [
        {
            "targets":[2],
            "className":"alCenter"
        },{
            "targets":[0],
            "className":"alLeft"
        },{
            "targets":[1],
            "className":"alRight"
        }
    ],

 

})