데이터테이블용 일련번호 추가 (1.10 신규 구현)

작은 쓰레기 같은 놈들 · 게시됨 2017. 11. 14. 오후 1:52:30

JQuery의 Datatables 플러그인은 테이블 만들기에 매우 좋습니다.

일련번호를 표에 추가하는 것이 쉬울 줄 알았지만, Datatables의 공식 구현을 읽어보니 코드가 단순하지 않아 보였고, 테스트 결과 몇 가지 문제가 발견되었으며 사용하기 쉽지 않았습니다. 인터넷에서 좋은 해결책을 찾지 못해 코드를 추적해 직접 방법을 찾았습니다.

일련번호 구현 (편리하고 비공식적인 구현)
열 데이터가 함수일 수 있으니, 매개변수 내 데이터를 살펴보세요. 실제로 유용한 데이터가 발견되었고, 우리는 본격적으로 시작했습니다.

코드는 다음과 같습니다:

로그인이 보이네요.

요점은 다음 문장입니다
meta.settings._iDisplayStart + meta.row + 1;
분석 결과, 다음과 같은 것이 알려져 있습니다:
meta.settings._iDisplayStart 각 레코드의 시작 인덱스가 표시되었습니다;
meta.row+1은 현재 페이지의 행 인덱스이며, 1은 줄 번호입니다;
두 줄의 합이 해당 기간의 라인 일련번호입니다.

이 방법은 공식적으로 제공되거나 권장되지는 않지만, 표시되는 데이터를 데이터 형태로 처리하는 데 더 직관적이고 비용이 적게 든다고 생각합니다.

쿠베르튜 · 게시됨 2017. 11. 14. 오후 2:44:37

작은 쓰레기 같은 놈들 · 게시됨 2018. 3. 8. 오후 2:25:32

이름	형	묘사
추첨	정수JS	요청 수가 카운터되고, 서버로 전송될 때마다 원래대로 반환됩니다.
시작	정수JS	예를 들어, 첫 번째 데이터 조각의 시작 위치는 첫 번째 데이터 조각을 나타냅니다
길이	정수JS	페이지당 표시되는 항목 수.
검색[값]	stringJS	각 열에 대한 글로벌 검색 기준 (검색 가능은 true로 설정해야 함)
검색[정규식]	불리언JS	참이면 전역 탐색 값이 정규 표현식으로 처리된다는 뜻이고, 거짓이면 그렇지 않다.
순서[칼럼]	정수JS	i는 0부터 시작하는 배열 인덱스이며, 열에 해당하며, 하위 매개변수는 정렬해야 할 열을 나타냅니다
순서[감독]	stringJS	열은 위에서 결정되며, 정렬 방법은 내림차순 상승입니다
기둥[데이터]	stringJS	columnsbinding, columns.data가 정의
기둥[이름]	stringJS	columns.name
기둥[검색 가능]	불리언JS	태그가 붙은 열을 true로 검색할 수 있는지는 '예'를 의미하며, 그렇지 않으면 'true'로 검색할 수 없으며, 이는 columns.searchable에 의해 제어됩니다
기둥[주문 가능]	불리언JS	태그된 열을 true로 정렬할 수 있는지는 예, 아니면 아니오를 의미하며, 이는 columns.orderabl이 제어합니다
기둥[검색] [가치]	stringJS	특정 열에 대한 검색 기준
기둥[검색] [정규 표현식]	불리언JS	특정 열에 대한 탐색 기준이 정규 표현식으로 간주되는지 여부

[Jquery] 데이터테이블용 일련번호 추가 (1.10 신규 구현)

관련 게시물

본 섹션