DataTables 확장, ColVis 이벤트를 수동으로 시작하는 방법
4702 단어 jQueryJavaScriptDataTables
이 글은 DataTables의 확장 중 하나인 ColVis를 사용합니다.
DataTables
ColVis
ColVis는 테이블 열의 표시 및 숨기기를 제어하는 창을 여는 라이브러리입니다.하지만 이 라이브러리를 사용하는 단추 설정 방법은 하나뿐이고 Bootstrap 등을 사용하면 외관이 맞지 않기 때문에 자신이 설정한 대상을 활성화시켜 켜면 편리하다.
코드
var table = $("#myTable").dataTable();
var colvis = new $.fn.dataTable.ColVis(table, {
restore: "元に戻す",
showAll: "全ての項目を表示",
showNone: "全て隠す",
// ここでtrueにしないとウィンドウ座標をいじっても反映されない
bCssPosition: true,
});
// 設定ウィンドウを開くボタンか何か
$("#action-view-setting").on("click", function(e) {
e.preventDefault();
var pos = {};
var target = $(this);
pos.x = target.offset().left;
pos.y = target.offset().top + target.outerHeight();
// dom.collection が設定ウィンドウ本体
$(colvis.dom.collection).css({
position: "absolute",
left: pos.x, top:pos.y
});
// 設定ウィンドウを表示するためのアンドキュメントAPI
colvis._fnCollectionShow();
});
Reference
이 문제에 관하여(DataTables 확장, ColVis 이벤트를 수동으로 시작하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/whiteleaf/items/a8398746d0afa4f3a208텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)