Front/JS & jQuery

[jQuery] datatables columnDefs targets에 작성가능한 데이터 종류정리

오선지♬ 2024. 5. 22. 18:52
728x90
반응형
{
    targets: "_all",
    searchable: false
}

1. 열 인덱스 (숫자): 특정 열의 인덱스를 지정합니다.

{
    targets: 0, // 첫 번째 열에 적용
    visible: false
}

 

2. 열 인덱스 배열: 여러 열에 대해 한꺼번에 설정을 적용할 수 있습니다.

{
    targets: [0, 1, 2], // 첫 번째, 두 번째, 세 번째 열에 적용
    visible: false
}

 

3. 문자열 "all": 모든 열에 대해 설정을 적용합니다.

{
    targets: "all",
    searchable: false
}

 

4. 문자열 "_all": 모든 열에 대해 설정을 적용합니다. ("all"과 동일한 역할을 합니다)

{
    targets: "_all",
    searchable: false
}

 

5.열 이름: 열의 이름(헤더 텍스트)에 따라 설정을 적용합니다. (데이터셋에 columns 설정에서 name 속성을 사용해야 함)

{
    targets: "columnName",
    visible: false
}

 

6.열 이름 배열: 여러 열 이름에 대해 설정을 적용할 수 있습니다.

{
    targets: ["name1", "name2"],
    visible: false
}

 

7. 클래스 이름

{
    targets: '.special-column', // 특정 클래스를 가진 열에 설정 적용
    visible: false // 해당 열을 숨김
}

 

8. 클래스 이름 배열

728x90
반응형

'Front > JS & jQuery' 카테고리의 다른 글

[jQuery] byte수  (0) 2024.05.30
[jQeury] offset()  (0) 2024.05.27
[js] redirect 사용하기  (0) 2024.05.18
[jQuery][daterangepicker] 원하는 날짜 초기화  (0) 2024.05.17
[js] window.location.search  (0) 2024.05.16