datatables.net 검색 레이블에 클래스 추가

<label>Search: <input type="text" aria-controls="company"></label>

Datatables을 사용하면 어떻게 검색 필드 입력 상자에 클래스를 추가 할 수 있습니까?datatables.net 검색 레이블에 클래스 추가

2012-03-29 ahmet

를 초기화 한 후 물론

$('.dataTables_filter input').addClass('yourclass');

$(document).ready(function() { 
    $('#example').dataTable(); 
    $('#example_filter input').addClass('yourclass'); // <-- add this line 
});

를 사용하는 경우가 ... 사용 추신 : 테이블에 더 많은 입력 검색이 있거나 더 많은 테이블이있는 경우 class selector를 사용하여 모든 입력 검색을 참조 할 수 있습니다. 내가 대신 JQuery와의 확장 기능을 통해 이동

$.extend($.fn.dataTableExt.oStdClasses, { 
    "sFilterInput": "form-control yourClass", 
    "sLengthSelect": "form-control yourClass" 
});

2012-03-29 09:00:57 antonjs

id 대신에 클래스를 사용하면 (표의 ID와 관련이 있음)보다 일관된 결과를 얻을 수 있습니다. –

예 당신 말이 맞습니다 +1 – antonjs

나는 당신이 따라 테이블

2012-03-29 08:57:01

저는 동의합니다 - 왜 당신이 부모 요소에서 클래스를 기반으로 선택기를 사용할 수있는 입력에 대한 클래스의 필요성을? –

@AllanJardine 일부 UI 프레임 워크 (예 : 부트 스트랩)는 입력 필드와 같은 것에 적용되는 클래스를 호출하기 때문에. – CashIsClay

(10)는 내가 사용 DataTable을 1.10.x와 부트 스트랩입니다. :)

2014-08-17 19:07:36 B2GraphiX

이것은 이것을 세계적으로 설정합니다, 그렇습니까? 그래서, 만약 하나 이상의 데이터 테이블을 가지고 있고, 어떤 이유로, 나는 그것들이 동일하지 않기를 원한다면, 이것은 나에게 도움이되지 않을 것입니다. – crush

답변