컬럼 선택기에서 최대 7 개의 컬럼을 선택하는 방법은 무엇입니까?

Question

tablesorter widget-columnSelector.js 파일을 사용하고 있습니다.

한 번에 열 선택기를 사용하면 최대 7 개의 열을 선택해야합니다.

내 코드는 columnselector에 12 개의 열을 가지고 있기 때문에 한 번에 12 개의 열을 선택하면 화면 밖으로 나갑니다.

해결책이 필요합니다. 열 선택기를 사용하여 최대 값 열을 선택하십시오.

미리 도움을 주셔서 감사합니다.

Answer 1

columnSelector 위젯을 업데이트했습니다. v2.27.0에는 두 가지 옵션이 추가됩니다 (아직이 게시물의 시점에는 출시되지 않음).

• columnSelector_maxVisible - 보이는 최대 열 수를 설정합니다.
• columnSelector_minVisible - 보이는 열의 최소 수를 설정하십시오.

한 가지 경고는 사용 중지 된 열 (열 선택기에 표시되지 않음)이이 최소/최대 값으로 계산되지 않는다는 것입니다.

내 저장소의 마스터 브랜치에서 사용할 수있는 코드를 가리키는 this demo을 설정했습니다. 위의 경고에서 언급 한 것을 경험하려면 어떤 열에도 "columnSelector-disable" 클래스를 추가하십시오.

$(function() { 
    $(".custom-popup").tablesorter({ 
    theme: 'blue', 
    widgets: ['zebra', 'columnSelector', 'stickyHeaders'], 
    widgetOptions: { 
     columnSelector_container: $('#columnSelector'), 
     columnSelector_saveColumns: false, 
     columnSelector_mediaquery: false, 

     // set the maximum and/or minimum number of 
     // visible columns (added v2.27.0) 
     columnSelector_maxVisible: 3, 
     columnSelector_minVisible: 1 
    } 
    }); 
});