[jQuery] DataTables 치팅시트

이윤우·2023년 3월 30일
0

jQuery

목록 보기
18/18
post-thumbnail

1. 검색

1) 모든 컬럼에 대해 검색

const dataTable = $(`#${tableId} .table`).DataTable({
	...
});
$('#searchBtn').on('click', function() {
  	const searchKeyword = $(`#${searchKeywordInputId}`).val();
	dataTable.search(searchKeyword).draw();
});

2) 단일 컬럼에 대해 검색

const dataTable = $(`#${tableId} .table`).DataTable({
	...
});
$('#searchBtn').on('click', function() {
  	const searchKeyword = $(`#${searchKeywordInputId}`).val();
  	const columnIndex = 0 // 0, 1, 2, ...
	dataTable.columns(columnIndex).search(searchKeyword).draw();
});

0개의 댓글