[DataTables] paginate 문자열(previous/next) 지우는 방법

 

DataTables(https://datatables.net/)을 이용하여 페이징 처리시 문자열표시가 되는 경우가 발생한다.

DataTables 페이징

 

페이징 버튼이미지를 background 이미지 형태로 사용해서 생기는 문제이며 previous/next 문자열 옵션을 빈칸("")으로 지정하면 문제가 해결된다.

DataTables Options > language > paginate

// language > paginate 옵션지정
var datatablesOptions = {
    serverSide: true,
    ordering: false,
    autoWidth: false,
    processing: false,
    searching: false,
    retrieve: true,
    pageLength: 10,
    info: false,
    lengthChange: false,
    destory: true,
    displayLength: 10,
    language: {
        "emptyTable": "게시글이 없습니다.",
        "paginate": { "first": "", "last": "", "next": "", "previous": "" }
    },
    order: [],
    columns: [],
    // 생략
}

해결된 페이징 버튼 이미지

DataTables 페이징