2016-09-06 3 views
2

datatable 1.10을 사용하고 있습니다. 이미 테이블을 만들었지 만 행에 여러 개의 "shift select"를 수행 할 수는 없습니다. 다음과 같이DataTables : shift multi-select가 작동하지 않습니다.

TableTools has four row selection modes of operation: 
    none - Default, where no user row selection options are available 
    single - A single row can be selected 
    multi - Multiple rows can be selected simply by clicking on the rows 
    os - Operating System like selection where you can use the shift and ctrl/cmd keys on your keyboard to add/remove rows from the selection. 

그래서 내 테이블을 만들 :

DataTables의 문서에 따르면

당신이 볼 수 있듯이, 내가 "sRowSelect": "os"을 사용하고

$("#my-table-div").DataTable({ 
    "retrieve": true, 
    "pagingType": "full_numbers", 
    "pageLength": 50, 
    "lengthMenu": [50, 100, 200], 
    "dom": '<lfi<t>p>', 
    "autoWidth": false, 
    "columns": columnsTable, 
    "tableTools": { 
     "sRowSelect": "os" 
    } 
}); 

하지만, 그것은 확실히대로 작동하지 않는 나는 원한다. 나는 "shift select"를 작동시킬 수 없다.

내가 누락되었거나 잘못하고있는 것에 대한 아이디어가 있습니까?

+1

데이터 테이블 1.10을 사용하는 경우 TableTools를 전혀 사용하지 않아야합니다. 그것은 버튼과 선택을위한 1.10 이전 확장 프로그램입니다. 선택 확장을 사용하고 있어야합니다. [here] (https://datatables.net/extensions/select/) –

답변

2

여기는 live example입니다. 선택 옵션을 관리하려면 dataTables.select.min.js ressource를 추가해야합니다. 옵션 : "columns": columnsTable은 문제가 있습니다.

$(document).ready(function() { 
    $('#example').DataTable({ 
     "retrieve": true, 
     "pagingType": "full_numbers", 
     "pageLength": 50, 
     "lengthMenu": [50, 100, 200], 
     "dom": '<lfi<t>p>', 
     "autoWidth": false, 
     //"columns": columnsTable, <-- options problem 
     "select": { 
      "style": "os" 
     } 
    }); 
}); 
+0

' "columns": columnsTable'은 반드시 객체가있는 한 반드시 문제가 아닙니다. 테이블의 초기화 이전에 정의 된 올바른 구문. –

관련 문제