나는 AJAX 소스를 통해 데이터를 가져 오는 DataTables 테이블을 가지고 있습니다. 나는 테이블을 가동 시켜서 운영하고 심지어 검색 작업도한다.jQuery DataTables : 컬럼 당 필터
이제 모든 열에 검색 필드를 구현하라는 요청이 있습니다. 열 필터링을위한 DataTables Plugin이있는 것 같습니다.
<!DOCTYPE HTML>
<html>
<head>
<title>testpage</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://www.company.com/content/dam/workflows/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="http://jquery-datatables-column-filter.googlecode.com/svn/trunk/media/js/jquery.dataTables.columnFilter.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#overview").dataTable({
aoColumnDefs:[{
aTargets: [0]
}],
bAutoWidth: false,
bLengthChange: false,
iDisplayLength: 10,
sAjaxSource: "http://server/api.jsp?someparameters"
}).columnFilter();
})
</script>
</head>
<body>
<table id="overview">
<tr>
<thead>
<th>#</th>
<th>Betrieb</th>
<th>Status</th>
<th>Anlagenummer</th>
<th>Bezeichnung</th>
</thead>
</tr>
</table>
</body>
</html>
당신이 볼 수 있듯이, 난 그냥 columnFilter() 메소드를 첨부 :
이 내 HTML입니다. 콘솔에서도 오류가 발생하지는 않지만 테이블은 이전처럼 표시됩니다 (열을 검색 할 추가 입력 상자 없음).
내가 잘못 했나요? 그것은 소스 beeing AJAX로 인해 가능합니까?
과 같아야 적이 있습니까? – asprin
오, 내 ... 나는 그것을 보지 못했다니 믿을 수 없어, 고마워! – Ahatius