도와 주세요.:정렬 가능한 테이블

Help

정렬 가능한 테이블 사용

위키백과를 검색할 때 정렬 가능테이블을 볼 수 있습니다.정렬 가능한 테이블은 하나 이상의 헤더 셀에 있는 화살표로 식별됩니다.테이블 행을 클릭하면 선택한 열을 기준으로 테이블 행이 오름차순으로 정렬됩니다.동일한 화살표를 두 번 클릭하면 내림차순으로 정렬됩니다.세 번째 클릭하면 전체 테이블의 원래 순서가 복원됩니다.예를 들어, 세 번째 클릭으로 의도적 살인율에 따른 국가 목록이 하위 지역별 원래 순서로 재설정됩니다.

실제 정렬 프로세스는 클라이언트 측 JavaScript를 사용하여 컴퓨터에서 수행됩니다.이러한 이유로 웹 브라우저에서 JavaScript를 사용할 수 있는 경우에만 이 기능을 사용할 수 있습니다.정렬 프로세스는 컴퓨터와 데이터 양에 따라 달라집니다.느린 컴퓨터에서 매우 큰 테이블을 정렬하는 데 시간이 오래 걸릴 수 있습니다.

예제

이것은 정렬 가능한 작은 테이블의 예입니다.

렌더링된 결과

이름. 데이터. 추가 데이터
고양이들 273 53
개들 65 8,492
쥐들 1,649 548

위키 소스

class="선택 가능한 정렬 가능" - ! 이름! 데이터!  많은 데이터 - 고양이 27353 - 개 658,492 - 마우스 1,649548

복잡한 머리글이 있는 테이블

이전보다 더 복잡한 머리글을 가진 테이블이 이제 올바르게 정렬됩니다.예:

렌더링된 결과

이름. 데이터 열
데이터. 추가 데이터
고양이들 273 53
개들 65 8,492
쥐들 1,649 548

위키 소스

 { 학급="선택 가능한 정렬 가능"- ! 행간=2  이름. ! 콜스팬=2  데이터 열        data! more data - cats 27353 - dogs 658,492 - mouse 1,649548 } 

둘 이상의 헤더 행을 사용하면 정렬 화살표가 기본적으로 맨 아래 헤더 행에 배치됩니다.설정을 통해 최대 한 줄 더 높게 배치할 수 있습니다.class="sorttop"맨 아래 헤더 행의 맨 위에 있습니다.

체납
1열 2열
3 7
1 3
2 4
    { 학급="선택 가능한 정렬 가능"-!1열!2열- ! 스타일.="텍스트 정렬:왼쪽;"   3 ! 스타일.="텍스트 정렬:왼쪽;"   7    -  1   3  -  2   4  } 
사용.class="sorttop"
1열 2열
3 7
1 3
2 4
   { 학급="선택 가능한 정렬 가능"-!1열!2열 - 학급="스캐너톱" ! 스타일.="텍스트 정렬:왼쪽;"   3 ! 스타일.="텍스트 정렬:왼쪽;"   7    -  1   3  -  2   4  } 

복잡한 데이터 행이 있는 테이블

테이블은 여러 행에 걸쳐 셀을 가질 수 있습니다. rowspan=n(도움말: 범위 참조).

행 수는 각 rowspan을 사용할 때마다 표시되어야 합니다.정렬을 수행하려면 먼저 행 범위 설정이 올바른지 확인해야 합니다.위키 텍스트가 정확해야 합니다.행 범위 구성이 잘못되면 정렬이 중단되거나 테이블 형식이 잘못되거나 잘못된 열로 데이터가 이동될 수 있습니다.

아래 예를 참조하십시오.

정렬하면 모든 행이 채워집니다.행 간격이 없는 테이블은 경험이 적은 편집자와 테이블을 편집하기 위해 한 번만 방문하는 편집자가 훨씬 쉽게 유지 관리할 수 있습니다.

작업 순서에 따라 정렬하여 행 범위 번호와 위키 텍스트를 수정합니다.

렌더링된 결과

이름. 데이터. 연도
고양이들 273 2013
개들 65 2014
쥐들 1,649

위키 소스

{ 학급="선택 가능한 정렬 가능" - !이름. !데이터. !연도 -   고양이들  273  2013-   개들  65  rowspan=2 2014-   쥐들  1,649<!--column 3은 셀 "2014"로 구분됩니다.--> } 

정렬 후 행 스패닝 셀이 행으로 절단되고 해당 내용이 반복됩니다(예에서는 "2014년").같은 화살표를 세 번째 클릭하여 테이블의 원래 순서를 복원하면 셀이 반복된 상태로 유지되고 원래 행 범위로 돌아가지 않습니다.

아래 예를 참조하십시오.위키 텍스트가 잘못되었습니다.17번 라인은 존재하지 않아야 합니다.위의 올바른 표와 비교해 보십시오.이 경우 빈 열이 추가됩니다.

렌더링된 결과

이름. 데이터. 연도
고양이들 273 2013
개들 65 2014
쥐들 1,649

위키 소스

{ 학급="선택 가능한 정렬 가능" - !이름. !데이터. !연도 -   고양이들  273  2013-   개들  65  rowspan=2 2014-   쥐들  1,649  } 

온라인 테이블 편집기 및 행 범위

여기에는 간편한 온라인 위키 테이블 편집기가 있습니다.

표의 개별 셀에 있는 텍스트와 링크를 쉽게 편집할 수 있습니다.테이블 본문에 행 간격이 없을 때 특히 쉽습니다.이전 섹션을 참조하십시오.행 범위가 없으면 테이블의 기본 프레임워크를 변경하고 항목을 이동하는 것이 더 쉽습니다.일단 위키텍스트 프레임워크가 더 단순해지면 온라인 테이블 편집기도 더 간단해집니다. 왜냐하면 테이블을 편집하기 위해 위키텍스트를 편집할 필요가 그만큼 없기 때문입니다.

보조 키

열에 값이 여러 번 포함된 경우 열을 정렬하면 해당 열의 값이 동일한 각 부분 집합 내 행 순서가 유지됩니다(안정적 정렬).따라서 1차, 2차, 3차 등의 키를 기준으로 정렬하는 것은 중요도가 가장 낮은 키를 먼저 정렬하는 것 등을 통해 수행할 수 있습니다.예를 들어, 텍스트 열에서 아래 표를 정렬하려면 숫자 열 머리글(2차 정렬 키), 텍스트 열 머리글(1차 정렬 키)을 차례로 클릭합니다.

여러 정렬 키를 사용하여 테이블을 정렬하는 또 다른 방법은 시프트 키를 누른 상태에서 후속 정렬 키의 열 머리글을 클릭하는 것입니다.예를 들어, 텍스트 열에서 아래 표를 정렬하려면 숫자 열에서 "텍스트" 열 머리글(기본 정렬 키)을 먼저 클릭한 다음, 시프트 키를 누른 상태에서 "숫자" 열 머리글(보조 정렬 키)을 클릭합니다.

가젯 환경설정(브라우징 섹션)에서 Google 번역 가젯을 활성화하면 문제가 발생할 수 있습니다.열 머리글의 이름에 대한 번역 팝업으로 인한 지연으로 인해 시프트-클릭 보조 정렬이 작동하지 않는 것처럼 보일 수 있습니다.정렬 아이콘이 별도의 행에 있는 경우에는 문제가 없습니다.{{sort row}}을(를) 참조하십시오.가젯보다 더 잘 작동하거나 더 잘 작동하는 브라우저 번역 추가 기능이 많이 있습니다.가젯은 모든 페이지 상단의 "추가" 메뉴에서 켜거나 끌 수 있습니다.

숫자 본문 추가 텍스트
4 a 1열
5 a 2열
1 b 3열
1 a 4열
2 x 5열
2 a 6열
3 a 7열
3 z 8열
3 z 9열
3 z 10열
3 z 11열
25 z 12열
맨 아래
숫자 본문 추가 텍스트
4 a 1열
5 a 2열
1 b 3열
1 a 4열
2 x 5열
2 a 6열
3 a 7열
3 z 8열
3 z 9열
3 z 10열
3 z 11열
25 z 12열
맨 아래

좁은 화면에서 더 많은 열에 대한 옵션

세로 머리글

렌더링된 결과

이름.
데이터.
추가 데이터
다른 칼럼
고양이들 273 53 1
개들 65 8,492 2
쥐들 1,649 548 3

위키 소스

 { 학급="선택 가능한 정렬 가능"- !{{vert header stp=1 name}} !{{vert header stp=1 data}개 !{{vert header stp=1 more data} !{{vert header stp=1 another column}}     고양이 273531 - 개 658,492 2 - 쥐 1,649 548 3 } 

이 템플릿은 행 또는 열에 걸쳐 있는 헤더에서도 작동합니다( 범위 및 colspan 사용).수직 막대는 없습니다. 사이에rowspan=2그리고.{{vert header

렌더링된 결과

이름.
데이터 열
다른 칼럼
데이터.
추가 데이터
고양이들 273 53 1
개들 65 8,492 2
쥐들 1,649 548 3

위키 소스

 { 학급="선택 가능한 정렬 가능"- !rowspan=2 {{vert header stp=1 name}} !colspan=2 {{헤더 데이터 열 변환}} !rowspan=2 {{vert header stp=1 다른 열}} - !{{vert header stp=1 data}개 !{{vert header stp=1 more data}     고양이 273531 - 개 658,492 2 - 쥐 1,649 548 3 } 

별도 행의 단추 정렬

참고: 2020년 4월의 토론에서 스크린 리더를 사용하는 누군가가 다음과 같이 썼습니다. "빈 행/클릭 가능한 행은 여전히 매우 읽기 쉬우며, 빈 셀을 지나야 하는 것이 더 짜증납니다. 다른 상황에서도 발생할 수 있다는 것을 알고 있습니다.아마도 이것은 화면에 더 잘 표시하기 위해 현재로서는 약간의 접근성 개선이 손실되는 이러한 경우 중 하나일 것입니다."정렬 아이콘의 기본 위치가 머리글 텍스트 아래에 있는지 묻는 Fabricator 태스크 T35249가 있습니다.
참고: 정렬 가능한 기능은 모바일 앱의 기사와 인쇄 버전의 위키백과 페이지에서 작동하지 않습니다.따라서 이 구현은 앱에서 보거나 인쇄할 때 정렬 버튼 없이 빈 행으로 렌더링됩니다.(모바일 웹사이트도 작동하고, 앱의 비메인스페이스 페이지도 후드 아래 모바일 웹사이트를 사용하기 때문에 작동합니다.)모바일 앱 또는 인쇄 버전에서 이 페이지를 참조하십시오.

좁은 화면에서 테이블을 더 컴팩트하게 만들기 위해 정렬 단추를 텍스트가 들어 있는 헤더 셀 아래에 추가 헤더 행에 배치할 수 있습니다.정렬 단추는 항상 가장 낮은 머리글 셀로 끝납니다.

줄 바꿈 추가<br>또는 깨지지 않는 공간&nbsp;빈 헤더 셀 중 하나에 있습니다.그렇지 않으면 정렬 행이 매우 좁아집니다.사용 중인 경우data-sort-type="..."특성. 정렬 아이콘을 사용하여 헤더 셀에 추가해야 합니다.

정렬 버튼의 중심은 다음과 같을 수 있습니다.style="background-position: center;" 각 정렬 셀에 있습니다.비교를 위해 이 작업은 아래 맨 오른쪽 정렬 셀에 대해서만 수행됩니다.표 뒤에 머리글 셀에 대한 위키 텍스트가 있습니다.

렌더링된 결과

이름. 데이터 열
데이터. 추가 데이터

고양이들 273 53
개들 65 8,492
쥐들 1,649 548

위키 소스

{ 학급="선택 가능한 정렬 가능" - ! 행간=2  이름. ! 콜스팬=2  데이터 열 - !데이터. !추가 데이터 - !<br>!! !! 스타일.="배경 위치: 중앙;"    - 

{{sorting row}} 템플릿은 중앙 정렬 아이콘이 있는 정렬 행을 만들 수 있습니다.

-{{sorting row 3}}숫자는 열의 개수를 나타냅니다.
이름. 데이터 열
데이터. 추가 데이터
고양이들 273 53
개들 65 8,492
쥐들 1,649 548

정렬 가능한 테이블 만들기

Visual Editor에서 테이블의 속성 패널을 사용하여 테이블을 정렬 가능으로 표시할 수 있습니다.

클라이언트JavaScript를 통해 테이블을 정렬할 수 있습니다.class="wikitable sortable"그들의 맨 위 라인까지.이러한 테이블은 올바른 셀 수를 사용하여 올바르게 포맷해야 합니다.또한 열의 헤더가 Wiki 코드에 올바르게 표시되어 있는지 확인해야 합니다.이를 위해!문자가 테이블 구문에 사용됩니다.

비주얼 편집기를 사용하는 경우 테이블의 속성 대화상자를 열고 정렬 가능한 옵션을 선택할 수 있습니다.

간단한 예

첫 번째 섹션에 표시된 의 Wiki 소스이며 표 정렬을 활성화하는 일반적인 방법을 보여줍니다.

class="선택 가능한 정렬 가능" - ! 이름! 데이터!  많은 데이터 - 고양이 27353 - 개 658,492 - 마우스 1,649548

!헤더 셀인 셀을 나타냅니다.테이블을 정렬할 수 있으려면 테이블의 첫 번째 행이 완전히 이러한 헤더 셀로 구성되어야 합니다.소개를 참조하여 기본 표 구문에 대해 자세히 알아볼 수 있습니다.

행의 초기 정렬 순서

사용자에게 처음 표가 표시되면 행은 항상 위키 텍스트와 같은 순서로 나타납니다.특정 열에 따라 정렬된 테이블을 표시하려면 위키 텍스트 자체를 해당 순서로 정렬해야 합니다.이 작업은 일반적으로 첫 번째 열에 대해 수행됩니다.Visual Editor를 사용하면 개별 테이블 열과 행을 쉽게 이동할 수 있습니다.이에 대한 자세한 내용과 표를 초기 알파벳 순서로 배치하는 방법은 § 초기 알파벳 순서를 참조하십시오.

제한사항 및 제외사항

테이블은 수직으로 아래쪽으로만 클릭하여 정렬할 수 있습니다. 맨 위의 열 이름을 클릭하면 테이블 행이 위아래로 정렬됩니다.수평으로 클릭하여 정렬할 수 없습니다(테이블의 열이 왼쪽에서 오른쪽으로 정렬되도록 왼쪽 끝 셀을 클릭하는 방법은 없습니다).

선택한 열을 정렬할 수 없게 만드는 중

특정 열을 정렬할 수 없도록 하려면 다음을 지정합니다.class=unsortable헤더 셀의 속성에 있습니다.정렬 행이 있는 경우class=unsortable머리글 셀에 정렬 아이콘이 있어야 합니다.

({vert header} 사용 시, 생략하여 열 정렬 사용 안 함 stp=1템플릿에서 앞에 배치된 모든 항목을 재정의합니다.).

위키 소스

{학급="선택 가능한 정렬 가능" !숫자!! 학급="분리할 수 없는"  분류할 수 없음         1 이것 - 2 컬럼 - 3 Is - 4 Unortable - 5 봤니? -! 총: 15!! } 

렌더링된 결과

숫자 분류할 수 없음
1 이것.
2 기둥.
3 아이즈
4 분류할 수 없음
5 맞지?
총계: 15

정렬에서 최종 행 제외

정렬 프로세스에서 테이블의 마지막 행을 제외하는 것이 유용할 수 있습니다.이를 위해 두 가지 방법이 있습니다.

머리글(바닥글)

하단에 있는 헤더를 반복해야 합니다.이 작업은 다음을 사용하여 수행합니다.!표의 마지막 행에 있는 모든 셀에 대한 구문입니다.이 행은 바닥글로 인식되고 행은 정렬에 포함되지 않습니다.이 바닥글을 사용하면 복잡한 표가 되므로 스코프가 화면 판독기를 통해 액세스할 수 있습니다.

위키 소스

            class="분할 가능한 정렬 가능" + 바닥글로서의 머리글  -!scope=col Name!scope=col!scope 높이 -!scope=row John Smith 1.85 -!scope=row Ron Ray 1.89 -!scope=row Mario Bianchi 1.72 - !범위= 이름. !범위=  !범위= 높이 } 

렌더링된 결과

머리글(바닥글) 예제
이름. 높이
존. 스미스 1.85
광선 1.89
마리오 비앙치 1.72
이름. 높이

이것은 표 끝에 있는 연속적이고 헤더 셀로 완전히 구성된 모든 행에 적용됩니다.해당 행은 정렬되지 않습니다.

요약 바닥글

이는 다음을 사용하여 달성할 수 있습니다.class=sortbottom원하는 테이블 행(로 시작하는 줄)에 -).

위키 소스

            class="연속 정렬 가능" + 요약 바닥글 예제 -!scope=col Name!scope=col 성!scope=col 높이 -!scope=row John Smith 1.85 -!scope=row Ron Ray 1.89 -!scope=row Mario Bianchi 1.72- 학급=밑바닥을 가리다 !범위=배를 젓다 콜스팬=2  평균:  1.82 } 

렌더링된 결과

요약 바닥글 예제
이름. 높이
존. 스미스 1.85
광선 1.89
마리오 비앙치 1.72
평균: 1.82

이 표는 두 열에 걸쳐 있는 "평균" 셀로 인해 복잡한 표입니다."평균"은 마지막 행으로 향하는 행이기도 합니다.사용!(표기 부호) 구문:scope=row올바른 헤더 HTML을 생성하여 화면 판독기를 사용하는 사용자에게 접근성을 제공합니다.

라인이 연속적인 경우에는 여러 라인을 하단에 고정할 수 있습니다.

"아래쪽 정렬" 행이 연속되지 않은 경우 동일한 화살표를 세 번째 클릭하여 테이블의 원래 순서를 복원한 후 다음 행을 사용합니다.class=sortbottom원래 맨 아래에 있지 않더라도 맨 아래에 남아 있습니다.

정렬에서 맨 위 행 제외

이는 상단의 일반(헤더가 아닌) 행에 대해 위와 동일하게 작동합니다.이는 다음을 사용하여 달성할 수 있습니다.class="sorttop"원하는 테이블 행(로 시작하는 줄)에 -). 라인이 연속적인 경우에는 여러 라인을 상단에 고정할 수 있습니다.

정렬 구성

기본적으로 시스템은 각 열의 데이터 유형을 추측하려고 합니다.처음 5개 행을 보고 내용을 평가하여 이를 수행합니다.이 프로세스는 대부분의 시간 동안 작동하지만 일관되지 않은 값이나 시스템이 모르는 추가 지정자가 있는 경우에도 쉽게 혼동될 수 있습니다.이러한 모호성을 방지하기 위해 특정 데이터 유형을 강제로 지정하거나 셀 값을 재정의할 수 있습니다.

열에 특정 데이터 유형 강제 적용

data-sort-type="..."속성을 열의 헤더 안에 추가하여 아래 셀이 모두 지정된 유형의 데이터로 처리되도록 할 수 있습니다.정렬 아이콘과 함께 머리글 셀에 들어가야 합니다.정렬 아이콘이 없으면 헤더 셀에서 작동하지 않습니다.예를 들어, 머리글 행이 두 개인 경우 맨 아래 행에는 항상 정렬 아이콘이 표시됩니다.

다음(대소문자 구분 안 함) 값은 다음에 대해 유효합니다.data-sort-type:

  • text
  • number
  • currency
  • url웹 사이트 주소의 경우
  • IPAddress숫자 인터넷 프로토콜 주소의 경우
  • date언어별 표준 날짜 형식
  • isoDateISO 8601 형식의 날짜(예: YYY-MM-DD)
  • usLongDate미국 형식의 날짜(전일 월 포함)
  • time

data-syslog-type=텍스트

data-sort-type=text텍스트를 알파벳 순으로 정렬하지만 숫자는 해당 알파벳 순으로 정렬됩니다.자연 정렬 순서를 참조하십시오.

예:

아무 것도 없이data-sort-type
class="반복 가능한 정렬 가능" - ! 앨범 - ...기타... }
앨범
21
193
215
21
19
21
마티네
21
19
모든 것이 새로워짐
러브 앤 워
와 함께data-sort-type=text
 { 학급="선택 가능한 정렬 가능"- ! 데이터 수집형=본문  앨범  ...등... } 
앨범
21
193
215
21
19
21
마티네
21
19
모든 것이 새로워짐
러브 앤 워

없이.data-sort-type=text헤더에서 테이블 정렬기는 처음 몇 행에 있는 숫자 제목으로 인해 전체 열을 숫자로 처리합니다.따라서 텍스트의 알파벳 순서에 관계없이 숫자가 아닌 제목이 0으로 잘못 정렬됩니다.

선언된 정렬 유형이 없는 열에 처음 상위 5개 셀 내의 숫자 값만 포함되어 있지만 참조가 있는 경우 <ref>...</ref>처음 5개 셀에서 하나 이상의 숫자의 마지막 자리 직후에 열이 텍스트로 정렬될 수 있습니다.이 문제는 다음과 같은 다른 정렬 유형을 선언하여 방지할 수 있습니다.data-sort-type=number

열의 기본 데이터 유형

다음을 지정하지 않는 경우data-sort-type정렬 모드(데이터 유형은 "분할" 또는 "분할" 선택 외에 정렬 순서를 결정합니다)는 다음과 같습니다.

날짜(아래 참조)
  • 기준: 첫 번째 비공백 요소는 "DD-MM-YYY", "DD-MM-YY" 또는 "DDmm YYY" 형식입니다.
  • 순서: YYYYMMDD의 숫자 값;길이 10의 문자열 DDsMMSYYYY(s에 위치한 문자가 동일하고 '/' 또는 '-' 구분 기호인 경우)는 YYYMMDD로 배치되고, 길이 8의 문자열 DDsMMSYY(s에 위치한 문자가 동일하고 '/' 또는 '-' 구분 기호인 경우)는 19YYMMDDY > 50 및 20YYD로 배치됩니다.문자열 "DD mm YYYY"와 mman(약칭) 월 이름.
isoDate(ISO 8601)
  • 기준: "±YYYY-MM-DD" 형식은 "±YYYY-MM-DD"(연도 "YYYY"는 -99999에서 9999 사이, 월은 숫자로만 구성됨)이며 시간 "±YYYY-MM-DDThh:mm:ss.ss±TH:TM" 형식은 시간 "Hh", 분", 초, "ss.ss" 및 시간대 오프셋 "TH:TM"(오른쪽 값은 선택 사항입니다.
  • 순서: 숫자, 1970년 1월 1일 UTC 이후 시간(밀리초 단위).
통화(이 모드는 다른 데이터에도 유용할 수 있음)
  • 기준: 공백이 아닌 첫 번째 요소는 $, £, € 또는 »로 시작합니다.
  • 순서: 숫자, 이러한 기호와 모든 일반 문자 및 쉼표는 무시하지만 공백은 무시합니다. e 및 E가 제거되므로 과학적 표기법을 사용할 수 없습니다.
번호
  • 기준: 첫 번째 비공백 요소는 숫자, 점, 쉼표, 공백, "+", "-", "e" 또는 "E" 순으로 구성되며 "+", "-", 숫자로 구성된 문자열로 구성됩니다.
  • order: 쉼표와 공백을 제거한 후(있는 경우) 문자열이 숫자로 시작하는 경우 문자열의 첫 번째 숫자에 따라 순서가 숫자로 표시됩니다(parseFloat이 적용됨). 비어 있으면 0으로 간주됩니다(parseFloat이 NaN을 반환함). 다른 경우에는 요소가 -로 배치됩니다.
제안된 국제화:독일어 등에서는 쉼표를 소수점으로 처리합니다.
  • 기준: 기타 모든 경우
  • order: 브라우저에서 지원하는 경우 로케일별(이 경우 영어) 순서를 사용합니다.또는 대문자를 소문자로 변환한 후에는 ASCII 순서가 됩니다. "!#$%&'()*, -//09:;<=>?@[\]^_'az{ }~é— (아래 참조, 공백은 다른 모든 문자 앞에 옵니다; 공백 코드)&nbsp;하나의 공간으로 계산; 두 개의 인접한 일반 공백이 하나로 계산; 여러 개의 빈 공간에 대해 사용할 수 있음&nbsp;또는 교대로&nbsp;및 일반 공백)

둘 이상의 가능한 유형이 일치하는 경우 위의 순서대로 첫 번째 유형이 선택됩니다.예를 들어, "24-12-2007"은 날짜로 일치하므로 숫자로 처리되지 않습니다.일치하는 유형을 결정할 때 형식 지정 및 표시 태그는 무시됩니다.

정렬 모드는 페이지를 로드한 후 머리글 아래의 비어 있지 않은 처음 5개 행에 의해 결정됩니다.행을 삭제하거나 열을 추가한 후에도 변경할 수 있습니다.따라서 모든 요소가 필요한 데이터 유형의 기준과 일치하는지 확인하는 것이 좋습니다. 템플릿을 사용하면 매우 편리하게 이 작업을 수행할 수 있습니다.

각 열의 정렬 모드가 원하는 대로인지 확인하는 방법은 다음과 같습니다.data-sort-type를 보다

셀에 대한 정렬 키

셀 값이 올바르게 구문 분석되지 않거나 행을 특수한 방법으로 정렬하려는 경우가 있습니다(예: 'John Doe'를 포함하는 셀은 실제로 'John'이 아닌 'Doe'로 정렬되어야 합니다).이는 다음을 사용하여 쉽게 달성할 수 있습니다.{{sortname}}다음과 같이:{{sortname first last optional link target optional sort key}}또는 다음을 설정할 수 있습니다.data-sort-value기여하다.

위키 소스

class="선택 가능한 정렬 가능"!이름과 성!!높이 - data-sort-value="Smith, John" John Smith 1.85 - data-sort-value="Ray, Ian" Ian Ray 1.89 - data-sort-value="Bianchi, Zachary" Zachary Bianchi 1.72 - ! 평균: 1.82 }

렌더링된 결과

이름과 성 높이
존 스미스 1.85
이안 레이 1.89
자카리 비앙치 1.72
평균: 1.82

특히 군대 계급을 계급별로 분류하는 것이 편리합니다.

위키 마크업

class="선택 가능한 정렬 가능"!이름과 성!!순위 - 데이터 정렬 값="Smith, John" John Smith 데이터 정렬 값="16" [Cpl] - 데이터 정렬 값="Ray, Ian" 데이터 정렬 값="8" Ian Ray 데이터 정렬 값="데이터 정렬 값(OF-2) 캡틴" - 데이터 정렬 값="Bianchi, Zachary Bianchi 데이터 정렬 값""10" 중위]

이것은 다음을 제공합니다.

이름과 성 순위
존 스미스 Cpl
이안 레이 선장
자카리 비앙치 2리터

참고 항목:도움말:정렬 #정렬지정.

모든 항목이 따옴표(")로 시작하는 목록에서 항목 중 하나에 대한 정렬 키를 설정하려면 해당 정렬 키의 시작 부분에 따옴표에 HTML 이름 또는 숫자를 사용해야 합니다.여기도 봐요.예를 들어 노래 제목 목록에는 각 노래 제목이 따옴표로 표시되는 경우가 있습니다.노래 제목의 특정 단어를 기준으로 정렬하려면 다음 중 하나를 사용합니다.

data-sort-value="&quot;WORD"

data-sort-value="&#34;WORD"

일부 행을 함께 보관

data-sort-value특정 행을 함께 유지하는 데 사용할 수 있습니다.이 행의 지정된 순서가 유지됩니다.예를 들어, 정렬 순서나 열에 관계없이 "사우스 홀랜드"를 "네덜란드" 바로 뒤에 두는 것입니다.

렌더링된 결과

국가/도 자본의
프랑스. 파리
네덜란드 암스테르담
사우스홀란트 주 헤이그
폴란드 바르샤바
영국 런던

위키 소스

    class="반복 가능한 정렬 가능"!국가/도!!수도 - 프랑스 파리 - 네덜란드 암스테르담 -  data-value-value=네덜란드 사우스 홀랜드 데이터 정렬  = 헤이그를 방문합니다.  영국 런던 } 

콜스팬이 포함된 행이 있는 경우 이 작업이 약간 어려워질 수 있습니다.사용할 수도 있습니다.class="expand-child"그러면 해당 행이 테이블에서 정렬될 수 있는 위치에 상관없이 테이블 원본에서 항상 바로 위의 행 아래에 있게 됩니다.

렌더링된 결과

나라 자본의
프랑스. 파리
파리에는 에펠탑이 있습니다.
영국 런던
영국에서는 유로로 지불할 수 없습니다.
그리고 당신은 왼쪽으로 운전합니다.
독일. 베를린
독일은 이전의 DDR을 포함합니다.

위키 소스

    class="분할 가능한 정렬 가능"!style="폭:9.3em" 국가!!수도 - '''프랑스''' 파리- 학급="사생아"     colspan="2" 파리에는 에펠탑이 있습니다. - ''영국' 런던- 학급="사생아"   colspan="2" 영국에서는 유로로 지불할 수 없습니다.- 학급="사생아"     colspan="2" 그리고 당신은 왼쪽으로 운전합니다. - '''독일''' 베를린- 학급="사생아"  colspan="2" 독일에는 이전의 DDR이 포함되어 있습니다. } 

데이터 유형 자동 탐지의 예입니다.한 열의 처음 5개 셀

이 스크립트는 열의 처음 5개 셀에 무엇이 포함되어 있는지 확인합니다.처음 5개 셀에 숫자만 포함된 경우 정렬 모드는 숫자가 됩니다(숫자 형식에 사용되는 명령 기간은 숫자로 허용됨).숫자 정렬 순서는 5번째 셀을 따르는 셀에서 텍스트가 발견된 경우에도 유지됩니다. 123,564,589.7e12는 과학적 표기법으로 숫자로 처리됩니다.숫자로 정렬할 때 빈 셀은 숫자가 아닌 것으로 처리됩니다.처음에는 바로 아래의 두 테이블 각각의 맨 아래에 빈 셀이 있습니다.

데이터 유형 자동 탐지가 일치하지 않습니다.항상 머리글에 a를 추가하는 것이 좋습니다.

정렬 순서
자동 검색
텍스트로
123,564,589.7e12
9
70
80개
-80
abc 80
600
300,000,000
3,000,000
정렬 순서
자동 검색
수적으로
123,564,589.7e12
9
70
-80
600
80개
abc 80
300,000,000
3,000,000

단일 통화 문자 또는 단일 알파벳 문자는 현재 스크립트가 열의 처음 5개 셀을 통해 결정하는 내용을 변경하지 않습니다.숫자 순서.

통화
$ 9
$ 80
$ 70
$ 600
통화
€ 9
€ 80
€ 70
€ 600
통화
£ 9
£ 80
£ 70
£ 600
통화
¥ 9
¥ 80
¥ 70
¥ 600
a
9점짜리
80점짜리 물건
70점짜리 물건
600달러짜리 지폐
e
e 9
e 80
e 70
e600

백분율 기호는 결정에서 숫자 순서로 변경되지 않습니다.마이너스 또는 나눗셈 기호가 포함된 숫자 조합은 여전히 숫자로 감지됩니다.그러나 숫자 순서는 빼기 또는 나누기 기호 앞의 숫자에 의해 결정됩니다.

백분율
7%
2
4
22
111
숫자 조합
7-4
2
4
22/7
111

처음 5개 셀 중 빈 셀에 더하기 기호가 있으면 기본 숫자 정렬이 해제됩니다.숫자가 열의 처음 5개 셀 중 하나에 있는 경우 숫자 뒤에 더하기 기호가 표시됩니다.

정렬 순서
자동 검색
텍스트로
400
40,000
+
60,000
20,000
6,000
5,000
정렬 순서
자동 검색
텍스트로
400
40,000
300+
60,000
20,000
6,000
5,000

숫자 정렬 문제

참고: 열의 처음 5개 셀을 통한 데이터 유형 자동 감지에 대한 자세한 내용은 위의 섹션을 참조하십시오.

이러한 문제의 대부분은 이제 다음을 수행하여 열의 정렬 모드를 수동으로 지정하여 해결할 수 있습니다.data-sort-type=number열 머리글에 있습니다.위와 아래의 예제 표를 참조하십시오.참고 항목:도움말:Sorting#Sort 모드 및 열의 Sort 모드 강제 적용에 대한 섹션.

작업하려면 정렬 아이콘이 포함머리글 셀에 있어야 합니다.여러 행의 헤더가 있는 테이블에서 정렬 아이콘은 가장 낮은 헤더 셀에 있습니다.

레퍼런스<ref>...</ref>모든 셀(처음 5개 셀 포함)의 숫자가 더 이상 숫자 정렬을 중단하지 않습니다.

텍스트는 열의 처음 5개 셀 중 하나에 있는 숫자 앞이나 뒤에 있는 경우 기본 숫자 정렬을 해제합니다.

열의 처음 5개 셀 중 하나에 있는 콜론 자체(예를 들어 데이터가 없음을 나타냄)는 숫자 정렬을 해제합니다.

사용시에도data-sort-type=number열 머리글에서 셀의 숫자 앞에 있는 텍스트는 해당 셀의 숫자 정렬을 해제합니다.열 정렬 순서를 사용하여 지정한 경우 숫자 뒤의 텍스트는 문제가 없습니다.data-sort-type=number.

열의 숫자 정렬에는 선행 0이 필요하지 않습니다.이렇게 표시되면 열이 알파벳 순으로 정렬되고 있음을 의미합니다.처음 5개의 셀에서 숫자 이외의 다른 것을 찾고 이 규칙에 따라 해당 셀을 수정합니다.더 나은 방법, 추가data-sort-type=number열 머리글로 이동합니다.나중에 다른 편집자가 편집해도 숫자 정렬이 중단되지 않습니다.

열의 처음 5개 셀 중 하나에 있는 빈 셀에 대시를 넣으면 열의 기본 숫자 정렬이 해제됩니다.

숫자 앞에 대시를 두면 숫자 정렬이 중단되지 않습니다.

다음과 같은 경우 셀의 모든 위치에서 대시가 허용됩니다.data-sort-type=number는 열 머리글에 사용됩니다.

열의 처음 5개 셀에 있는 {{N/A}}개 템플릿은 자동 데이터 유형 탐지에 미치는 영향이 일관되지 않습니다.항상 다음을 지정하는 것이 좋습니다.data-sort-type열 머리글에 있습니다.

약 1회용으로

"c." (circa, "대략"을 나타냄)는 종종 숫자와 날짜의 열에서 발견됩니다.정렬이 자주 깨집니다.의 추가.data-sort-type="..."열 머리글에 c.를 숫자 앞에 넣을 수 없습니다.

{{circa}} 템플릿을 사용하면 c.가 번호 앞에 있을 때 정렬이 수정되지만 매개 변수가 템플릿에 추가된 경우에만 정렬이 수정됩니다.

또는 숫자 뒤에 c.를 붙일 수 있습니다.또는 다른 열로 이동할 수 있습니다.

수치 범위

참고: 대부분의 문제는 열 머리글에 추가하면 해결됩니다.또한 나중에 편집할 때 발생하는 문제를 방지합니다.

숫자 뒤에 대시를 놓으면 열의 기본 숫자 정렬이 해제되지 않습니다.따라서 이제 범위(30-40)가 작동합니다.

숫자 뒤의 더하기 기호는 숫자가 열의 처음 5개 셀 중 하나에 있는 경우 기본 숫자 정렬을 해제합니다.

빈 셀의 더하기 기호는 열의 기본 숫자 정렬을 해제합니다.즉, 셀이 열의 처음 5개 셀 중 하나입니다.

하한 또는 상한 범위를 기준으로 정렬하려면 범위에 두 개의 열을 사용할 수도 있습니다.상한 범위를 가장 잘 정렬하려면 모든 셀에 숫자를 입력해야 합니다.예를 들어, 하한 범위와 상한 범위 모두에서 동일한 숫자를 사용할 수 있습니다.상한 범위의 숫자 뒤에 더하기 기호를 추가할 수도 있습니다.

아래의 첫 번째 테이블 집합은 복잡한 요인이 없는 낮은 범위를 제외하고는 올바르게 정렬되지 않습니다."400+""400+"는 해당 열에서 올바르게 정렬되지 않습니다.이 테이블에는 다음이 없습니다.data-sort-type=number열 머리글에 표시됩니다.

한 열
추정된
출석
400 +
40,000+
200,000–400,000
400,000+
60,000–350,000
40,000
40,000–50,000
20,000–100,000
10,000–100,000
6,000–7,000
5,000–10,000
한 열
추정된
출석
400+
40,000+
200,000–400,000
400,000+
60,000–350,000
40,000
40,000–50,000
20,000–100,000
10,000–100,000
6,000–7,000
5,000–10,000
두 개의 열
추정된
출석
(하단) (상부)
400 400+
40,000 40,000+
200,000 400,000
400,000 +
60,000 350,000
40,000
40,000 50,000
20,000 100,000
10,000 100,000
6,000 7,000
5,000 10,000

data-sort-type=number 아래 표에서 정렬을 수정했습니다.400+ 400+의 정렬을 기록합니다.

한 열
추정된
출석
400 +
40,000+
200,000–400,000
400,000+
60,000–350,000
40,000
40,000–50,000
20,000–100,000
10,000–100,000
6,000–7,000
5,000–10,000
한 열
추정된
출석
400+
40,000+
200,000–400,000
400,000+
60,000–350,000
40,000
40,000–50,000
20,000–100,000
10,000–100,000
6,000–7,000
5,000–10,000
두 개의 열
추정된
출석
(하단) (상부)
400 400+
40,000 40,000+
200,000 400,000
400,000 +
60,000 350,000
40,000
40,000 50,000
20,000 100,000
10,000 100,000
6,000 7,000
5,000 10,000

날짜 정렬 문제

월명

[특수]에서 기본 언어 설정 "en - English"를 변경한 등록 사용자의 경우 월 이름과 관련된 모든 정렬이 실패할 수 있습니다.기본 설정(phab:에서 보고됨)T126744).영어 위키백과에서 상대적으로 소수의 사용자에게 영향을 미치며 무시할 수 있습니다.

연도만

연도 정렬은 연도가 열의 각 셀에 있는 첫 번째 텍스트인 동안 작동합니다.추가 중data-sort-type=date열 머리글로 변경해도 변경되지 않습니다.

텍스트는 셀에서 1년이 지나면 괜찮습니다. 예를 들어 "FY"(회계연도)는 해당 연도 다음에 와야 합니다.연도 후 참조는 OK입니다.연도 뒤에 "c"를 넣거나 연도 뒤에 "est"를 사용합니다.

빈 셀에 있는 대시는 열의 연도 정렬을 중단합니다.연도 후 대시는 괜찮습니다.

숫자 정렬과 달리, 연도 열의 모든 셀에 있는 {{N/A}} 템플릿은 해당 열의 연도 정렬을 중단하지 않습니다.

연도 정렬에 문제가 있는 경우 텍스트 또는 대시(모든 종류)를 셀의 첫 번째 항목으로 사용하여 열의 셀을 확인합니다.해당 텍스트 또는 대시를 제거하면 열이 올바르게 정렬됩니다.

년월

날짜 정렬은 월(요일 없음) 이전 연도가 있는 열에서는 작동하지 않습니다.{{Date table sorting}} 템플릿이 작동합니다.

추가 중data-sort-type=date또는data-sort-type=isoDate헤더에 연결하면 도움이 되지 않습니다.아래 표에서 각 열 머리글을 두 번 클릭하여 확인합니다.열 제목을 확인합니다.data-sort-type=isoDate일부 브라우저에서는 올바르게 정렬할 수 있지만 신뢰할 수 없습니다.
숫자 형식의 연도 (YYY-MM)은 다음과 같이 작동합니다(자세한 내용은 관련 섹션 참조).

년월
1999년 12월
1999년 1월
2004년 5월
2004년 8월
년월
1999년 12월
1999년 1월
2004년 5월
2004년 8월
년월
data-sort-type=date
1999년 12월
1999년 1월
2004년 5월
2004년 8월
년월
data-sort-type=date
1999년 12월
1999년 1월
2004년 5월
2004년 8월
년월
data-sort-type=isodate
1999년 12월
1999년 1월
2004년 5월
2004년 8월

월 및 연도

날짜 정렬은 년 전 달(하루 없음)만 있는 열에는 작동하지 않습니다.머리글에 추가하면 도움이 되지 않습니다.{{Date table sorting}} 템플릿이 작동합니다.

월 및 연도
1999년 12월
1999년 1월
2004년 5월
2004년 8월
월 및 연도
1999년 12월
1999년 1월
2004년 5월
2004년 8월
월 및 연도
data-sort-type=date
1999년 12월
1999년 1월
2004년 5월
2004년 8월
월 및 연도
data-sort-type=date
1999년 12월
1999년 1월
2004년 5월
2004년 8월

월, 일 및 연도

정렬은 아래의 모든 표에서 올바르게 작동합니다.100년 전(예: 99년 전) 구분 정렬.하루의 숫자가 누락된 경우 정렬이 끊어집니다.

월, 일, 년
1999년 12월 5일
1999년 1월 7일
2004년 5월 14일
2004년 8월 4일
월, 일, 년
1999년 12월 5일
1999년 1월 7일
2004년 5월 14일
2004년 8월 4일
월, 일, 년
data-sort-type=date
1999년 12월 5일
1999년 1월 7일
2004년 5월 14일
2004년 8월 4일
월, 일, 년
data-sort-type=date
1999년 12월 5일
1999년 1월 7일
2004년 5월 14일
2004년 8월 4일

일, 월, 년

정렬은 아래의 모든 경우에 올바르게 작동합니다.100년 전(예: 99년 전) 구분 정렬.하루의 숫자가 누락된 경우 정렬이 끊어집니다.

일,월,년
1999년 12월 5일
1999년 1월 7일
2004년 5월 14일
2004년 8월 4일
일,월,년
1999년 12월 5일
1999년 1월 7일
2004년 5월 14일
2004년 8월 4일
일,월,년
data-sort-type=date
1999년 12월 5일
1999년 1월 7일
2004년 5월 14일
2004년 8월 4일
일,월,년
data-sort-type=date
1999년 12월 5일
1999년 1월 7일
2004년 5월 14일
2004년 8월 4일

년, 월, 일.몇 달 동안 단어 사용

이 날짜 순서에서는 정렬이 작동하지 않습니다.

data-module-type=날짜
data-sort-type=isoDate

열 헤더에 data-sort-type을 추가해도 도움이 되지 않습니다.아래 예를 참조하십시오.

날짜.

데이터 수집 유형 없음

2007년 1월 5일
2007년 2월 12일
2007년 3월 9일
2007년 4월 1일
2007년 5월 23일
2007년 6월 29일
날짜.

data-module-type=날짜

2007년 1월 5일
2007년 2월 12일
2007년 3월 9일
2007년 4월 1일
2007년 5월 23일
2007년 6월 29일
날짜.

data-sort-type=isoDate

2007년 1월 5일
2007년 2월 12일
2007년 3월 9일
2007년 4월 1일
2007년 5월 23일
2007년 6월 29일

년, 월, 일.숫자를 사용합니다.ISO 날짜 YYY-MM-DD

참조: ISO 날짜."±YYYY-MM-DD"는 "YYYY" 연도의 1~4자리 숫자로 -99999에서 9999 사이입니다.1년은 그 자체로 괜찮습니다.1년 다음에 한 달이 오는 것과 마찬가지입니다.날짜가 허락된 이후에 어떤 것들.예를 들어 날짜 뒤의 참조입니다.머리글 공간을 절약하려면 머리글 아래에 있는 "연, 월, 일" 대신 "날짜" 열 머리글에 도구 설명을 추가할 수 있습니다.참조: 템플릿:도구 설명.이 섹션의 표에 도구 설명이 추가되었습니다.

상위 섹션 참조: #데이터 유형 자동 탐지의 예. 열에 처음 5개의 셀이 있습니다.데이터 유형 자동 탐지가 일치하지 않습니다.그렇기 때문에 ISO 날짜 정렬은 열 머리글에 추가할 때 가장 잘 작동합니다.또한 월 또는 일에 한 자리 숫자만 사용되는 문제를 방지합니다.선행 0은 더 이상 필요하지 않습니다.아래의 모든 테이블이 열 머리글에 추가되었습니다.

몇 년 전에는 음수인 공백을 위키 텍스트에 남겨두는 것을 기억하십시오.그렇지 않으면 대신 테이블 형식으로 사용됩니다.

"c."는 circa(대략)를 나타냅니다.첫 번째 테이블에서 정렬 날짜가 시작되기 전에 "c".{circa} 템플릿을 사용하면 정렬이 수정되지만 매개 변수가 템플릿에 추가된 경우에만 수정됩니다.참조: 템플릿:Circa/doc/sortable.

날짜.
"c"로.
정렬이 깨졌습니다.
-90
90개
90-7-13
90-12-5
1011-08-01[2]
207-11[1]
날짜.
"c"가 제거되었습니다.
정렬이 가능합니다.
-90
90
90-7-13
90-12-5
1011-08-1[2]
207-11[1]
날짜.
{{diva}}개 사용.
정렬이 가능합니다.
-90
0090 c. 90
90-7-13
90-12-5
1011-08-01[2]
207-11c.207-11[1]

날짜 뒤에 BCE, CE, BC 등을 추가해도 정렬이 깨지지 않습니다.그러나 날짜 전에 AD를 추가하면 정렬이 중단됩니다.날짜 전후에 추가 사항을 테스트합니다.날짜 전에 추가하는 것은 거의 항상 문제가 됩니다.

날짜.
BCE는 뒤에 추가되었습니다.
정렬이 가능합니다.
-90 BCE
0090 c. 90
90-7-13
90-12-5
1011-08-1[2]
207-11c.207-11[1]
날짜.
이전에 추가된 AD.
정렬이 깨졌습니다.
-90 BCE
AD 009090
90-7-13
90-12-5
1011-08-1[2]
207-11c.207-11[1]

BC년이 문제입니다.

날짜.
기원전 1440년
기원전 218년
기원전 76년
기원전 7년
AD 65
서기 196년
서기 740년
날짜 테이블 정렬 템플릿에 대한 자세한 내용은 아래 섹션을 참조하십시오.마이너스 연도(BC, BCE) 처리에 대한 추가 정보가 있습니다.

보고된 UFO 목격 목록의 이 버전에서."고대" 섹션에는 숨겨진 메모가 있는 표가져 있습니다.적응된 위치:

AD 1000 이전 날짜를 정렬하려면 다음 중 하나가 필요합니다.

  • data-sort-value="XXXX"연도.선행 0을 사용하고 BC는 음수를 사용합니다.
  • {{Date table sorting X}}BC에는 음수를 사용합니다.{{Date 테이블 정렬}}을(를) 참조하십시오.
  • {{circa sortable=yes lk=no X}}{{circa}}은(는) AD 전용입니다.

참조하는 날짜 열은 더 큰 테이블에서 꺼내어 오른쪽에 배치되었습니다.올바르게 정렬되고 있습니다.숨겨진 노트에서 논의된 방법을 보려면 위키 텍스트를 참조하십시오.

날짜 테이블 정렬 템플릿:일 및 월, 기타 많은 날짜 형식

테이블에서 정렬 가능한 날짜를 형식화하는 가장 간단한 방법은 {{Date table sorting} 템플릿을 사용하는 것입니다.스타일 설명서에 따라 템플릿은 다음 형식을 사용하여 호출됩니다.

  • {{Date table sorting 4 July 1776}}

이러한 예제 테이블은 {{Date table sorting} 템플릿을 사용합니다.모두 올바르게 정렬됩니다.위키 텍스트("원본 편집")를 참조하십시오.각 테이블의 첫 번째 항목에 대한 위키 텍스트가 테이블 헤더에 표시됩니다.

참고: 다음을 사용하는 테이블 열은 없습니다.data-sort-type=수식어사용.data-sort-type=때때로 정렬을 해제할 수 있습니다.

{{Date table sorting} 템플릿은 다양한 날짜 형식으로 사용할 수 있습니다.템플릿 참조:날짜 테이블 정렬을 통해 더 많은 옵션을 확인할 수 있습니다.

날짜.
(일 및 월만 해당)
{{Date table sorting 4 Jan}}
1월 4일
8월 28일
1월 3일
8월 29일
12월 14일
1월 1일
날짜.
(월 및 일만 해당)
{{Date table sorting January 4}}
1월 4일
8월 28일
1월 3일
8월 29일
12월 14일
1월 1일
날짜.
(월, 일, 년)
{{Date table sorting 1990 4 27}}
1990년 4월 27일
1989년 8월 8일
2006년 2월 3일
2006년 10월 4일
2004년 11월 1일
2004년 1월 11일

현안사항. BC년 등

기원전 몇 년 동안,!9937-09-23-0062-09-23(62 BC)에 사용할 수 있습니다.10,000에서 BC년을 빼면 됩니다.

날짜 정렬은 숫자로 정렬할 수 있도록 날짜 형식을 지정하여 작동합니다.예:

  • yyyy mm dd

또는

  • 2001 07 21

...2001년 7월 21일.display:none스타일을 사용하여 표시된 날짜 이전에 정렬 가능한 숫자 날짜를 숨길 수 있습니다.바로 아래 표의 위키 텍스트를 참조하십시오.또는 {{Date table sorting}: 이 작업은 자동으로 수행되며 대부분의 경우 권장됩니다.

표시됨 정렬 대상
2006-12-032006-12-03 2006-12-03
0000-03-270000-03-27 0000-03-27
2006-12 2006년 12월 2006-12
!9936-04 BC 64년 4월 !9936-04
!9900-07-13-0099-07-13 !9900-07-13
!9937-09-23-0062-09-23 !9937-09-23
!9937-10-08-0062-10-08 !9937-10-08
!9998-12-21-0001-12-21 !9998-12-21
2006-11-082006-11-08 2006-11-08
0304-12-310304-12-31 0304-12-31
2005-05-152005-05-15 2005-05-15

2012년 7월 7일 등을 사용하여 정렬 가능한 날짜를 얻을 수 있습니다.예: 표시 형식이 다른 하나의 날짜 포함:

렌더링된 결과

날짜.
2012년 1월 7일
2012년 5월 7일
2012년 7월 4일
2012년 7월 7일

위키 소스

         class="선택 가능한 정렬 가능" -! 날짜 - {{날짜표 정렬 2012-01-07}} - {{날짜표 정렬 2012-05-07}} -   {{Date table sorting 2012년 7월 4일} <!-- 대체 표시 날짜 형식이 작동하는지 확인 -->    {{날짜표 소트 2012-07-07}} 

100년 전에.임의의 날짜 형식

참고: 더 이상 작동하지 않는 것 같습니다.

정렬은 ISO 날짜를 사용하여 숨김을 통해 수행할 수 있습니다.와 결합됨

참고: 정렬 위키 텍스트는 아래 두 표에 대해 동일합니다.모든 날짜 형식을 독자에게 표시할 수 있습니다.

날짜.
12월 5일 111
1월 7일 35일
207년 12월 5일
기원전 111년
기원전 35년 1월 7일
기원전 207년 12월
class="선택 가능한 정렬 가능" - ! data-sort-type=isoDateDate-1111 - data-sort-value="111-12-05" 1월 35일 - data-value="35-01-07" 7일 - data-value-value="35-value="35"1-011" data-value"7"11 BC-bcalue"207"data-data-data-value"11"207"11"11"11"12"207"11"

아래 표에서는 위 표와 동일한 isoDate 값을 사용합니다.그러나 독자에게 날짜를 표시하기 위해 여러 형식이 사용됩니다.

날짜.
12월 5일 111
35년 1월 7일
207년 12월 5일
기원전 111년경
기원전 35년 1월 7일
기원전 207년 12월
class="선택 가능한 정렬 가능" - ! data-sort-type=isoDateDate-1111 - data-sort-value="111-12-value" 5 Dec 111 - data-value="35-01-07" 1월 35일 - data-value-value="35-value="1월 5일 - data-value-value-value="1월 7일 -data-11일 -data-11일 -data-value"11일 -data-value

정렬 가능한 머리글의 배경색

머리글에 속기[a] 속성이 있는 색상을 추가하면 해당 열의 정렬 단추가 손실될 수 있습니다. phab:T33755. "이름" 헤더의 예:

이름. 높이
존. 스미스 1.85
광선 1.89
마리오 비앙치 1.72
평균: 1.82

보다 구체적인 정보를 사용하여 작업이 올바르게 수행되도록 합니다.예:

 {학급="선택 가능한 정렬 가능"- !스타일.="배경-색상:navahowwhite"  이름. !스타일.="배경-색상:navahowwhite"  [[성]] !스타일.="배경-색상:navahowwhite"  [http://example.com 높이]      John Smith 1.85 - Ron Ray 1.89 - Mario Bianchi 1.72 - class="bottom" colspan="2" 평균: 1.82 } 

정렬 가능한 테이블을 만듭니다.

이름. 높이
존. 스미스 1.85
광선 1.89
마리오 비앙치 1.72
평균: 1.82

팁 및 요령

패딩

정렬을 위해 항목이 왼쪽에 패딩될 수도 있습니다.이는 정렬 방법에 악영향을 미칠 수 있습니다.

구분되지 않는 공간

깨지지 않는 공간 부호를 갖는 좌패딩의 효과&nbsp;빈 공간으로 렌더링하는 것은 브라우저에 따라 다릅니다. IE에서는 (실제 빈 공간과 달리) 선행 빈 공간으로 정렬하기 위해 카운트되므로 텍스트가 있는 숫자 목록에서(알파벳 정렬 모드가 적용되는 경우) 명시적 또는 암시적 소수 구분자 앞의 문자 수를 동일하게 하는 데 사용할 수 있습니다.그러나 Firefox에서는 정렬 목적으로 무시됩니다.

다음을 사용하여 정렬&nbsp;IE에서는 작동하지만 Firefox에서는 작동하지 않습니다. 이름.
100.3 FM 셋째
89.5 FM 첫번째
107.3 FM 네 번째
95.3 FM 둘째

참고 항목:미국의 인구순 주준주 목록/자료실 1#분류표.

0이 있는 패딩

예:

  • 000156

형식 번호는 왼쪽 패드와 결합할 수 있습니다.

정수

  • {{formatnum:{{padleft:299792458 16 0}}}} gives:
    0,000,000,299,792,458

진짜

  • {{formatnum:{{padleft:{{#expr:((299792458.056 - .5) round 0)}} 16 0}}}}.{{padleft:{{#expr:(1000000*(299792458.056 - ((299792458.056 - .5) round 0))) round 0}} 6 0}} gives:
    0,000,000,299,792,458.056000

정렬 및 표시 제어

정렬에는 필요하지 않지만 표시에는 필요한 텍스트:

  • 숫자 정렬 모드에서는 텍스트가 숫자 앞에 있든 뒤에 있든 간에 텍스트는 숫자 정렬을 구분합니다.그러면 정렬이 영숫자가 됩니다.숫자로 정렬할 때 빈 셀은 "0"으로 처리됩니다.
  • 날짜 정렬 모드에서는 이 텍스트를 별도의 열에 넣어야 합니다. 날짜 또는 숫자 범위(예: ...에서 ...까지)가 포함된 셀의 경우 정렬에 필요한 잉여 텍스트가 추가 열에 들어갑니다.텍스트의 첫 번째 부분이 정렬에 사용되는 경우 추가 열은 다음 열이어야 합니다. 반대로 텍스트의 마지막 부분이 정렬에 사용되는 경우 추가 열은 이전 열이어야 합니다. 표 형식에 따라 두 셀에 걸쳐 항목을 나누는 것이 보기 흉할 수 있습니다.
  • 알파벳 정렬에서 각주 등은 별도의 열이 필요하지 않으며, 요소의 끝에 간단히 넣을 수 있습니다.

표시에는 필요하지 않지만 정렬에는 필요한 텍스트:

  • 정렬할 열에 숨겨진 텍스트로 넣을 수 있습니다.

두 가지를 결합하면 정렬에 사용되는 텍스트와 무관하게 텍스트를 표시하고, 후자를 완전히 숨기고, 전자를 별도의 열(날짜 정렬 모드 및 숫자 정렬 모드) 또는 숨겨진 텍스트 뒤에 같은 열(알파벳 정렬)에 완전히 배치할 수 있습니다.표시된 텍스트를 별도의 열에 완전히 넣는 것은 전체 열에 대해 일관성 있게 수행되지 않는 경우 보기 흉할 수 있지만, 이 작업이 필요한 요소에만 해당됩니다(예: 열에 있는 대부분의 항목이 단일 숫자이지만 일부 항목은 범위인 경우).

증가/감소/안정된 템플릿을 사용하여 정렬

키 없음 키 포함
사과 Increase10 1010
바나나 Increase2 22
체리 Decrease1 -11
두리안 Steady 0

템플릿을 사용하여 셀 정렬을 사용 가능으로 설정하려면:증가, 템플릿:축소 또는 템플릿:안정적으로 정렬 키를 추가합니다(예:{{increase 2}}2,{{decrease -1}}1 또는{{steady 0}}기존 테이블을 수정하려면 검색바꾸기(고급 도구 모음의 오른쪽 아이콘)를 사용하고 검색 문자열을 정규식으로 처리를 선택하여 다음과 같이 대체합니다.

검색: 로 대체
(\{\{increase)(\}\})([0-9]*) $1 $3$2$3
(\{\{decrease)(\}\})([0-9]*) $1 -$3$2$3
(\{\{steady)(\}\}) $1 0$2

알파벳 또는 순위별로 정렬된 표 유지 관리

예전에는 테이블을 순위대로 유지하고 번호를 정확하게 매기는 것이 어려웠습니다.그것은 더 이상 사실이 아닙니다.템플릿:정적 행 번호는 행 순서가 변경될 때마다 행 번호를 다시 지정합니다.행을 추가하거나 삭제할 때마다.

초기 알파벳 순서로 테이블 배치

이렇게 하는 데는 빠른 방법과 느린 방법이 있습니다.안타깝게도 Visual Editor에는 표를 빠르게 알파벳 순으로 정렬할 수 있는 방법이 없습니다.행을 한 번에 하나씩 수동으로 이동할 수 있습니다.행에 있는 셀을 클릭합니다.그런 다음 행 왼쪽에 나타나는 화살표를 클릭합니다.그런 다음 필요에 따라 "위로 이동" 또는 "아래로 이동"을 클릭합니다.이것이 버그가 있거나 작동하지 않는 경우, 위키텍스트에서 행을 잘라낸 후 붙여넣어 위키텍스트에서 행을 이동할 수 있습니다.

빠른 방법은 무료 LibreOfficeCal 또는 다른 스프레드시트 프로그램을 시작하는 것입니다.도움말로 이동하는 방법 보기#자유 스프레드시트 및 VE를 사용하여 알파벳 또는 숫자로 정렬합니다.자세한 내용은 공용을 참조:테이블 차트를 Wiki 코드 또는 이미지 파일로 변환합니다.

표를 알파벳순으로 배열하는 또 다른 방법이 있습니다.노트 라이트(프리웨어 버전의 노트 탭)를 사용할 수 있습니다.그러나 이 기능이 작동하려면 행에 대한 모든 위키 텍스트가 한 줄에 있어야 합니다.즉, 해당 행의 셀은 이중 막대로 분리되어 있습니다.

첫 번째 열을 기준으로 목록을 알파벳 순으로 표시하려면 새 NoteTab Light 페이지에 테이블 위키 텍스트를 붙여넣습니다.알파벳순으로 정렬할 행을 선택합니다.그런 다음 "수정" 메뉴를 클릭하고 "라인", "정렬", "상승"을 차례로 클릭합니다.그러면 "A"가 맨 위에 있고 "Z"가 맨 아래에 있습니다.

그런 다음 각 줄 사이에 뒤로(행에 대한 위크 텍스트)를 놓습니다.찾기 및 바꾸기를 통해 이 작업을 수행합니다.

^p 는 NoteTab의 줄 바꿈에 대한 기본 텍스트 편집기 코드입니다.
- 테이블 행에 대한 위키 텍스트입니다.

항목 사이에 빈 줄이 있으면 다음으로 대체합니다.

위키 텍스트를 복사하여 기사에 다시 붙여넣습니다.페이지를 저장합니다.

초기 알파벳순 정렬 대 순위순으로 초기 정렬

목록과 테이블을 임의가 아닌 초기 정렬 순서로 유지하는 것이 좋습니다.어떤 방법을 선택하든 더 이상 중요하지 않습니다.템플릿:정적 행 번호는 행 순서를 변경하는 경우에도 행 번호를 자동으로 유지합니다.

테이블에서 이전 순위 열(1,2,3) 제거

순위 열 셀을 빠르게 제거할 수 있습니다.이제 Visual Editor에서 테이블 편집기를 사용하는 것이 훨씬 쉬워졌습니다.삭제할 열의 머리글을 누릅니다.열의 맨 위에 화살표가 나타납니다.화살표를 누른 다음 "열 삭제"를 누릅니다.

그런 다음 템플릿:정적번호는 행 번호 열을 만듭니다.

행 번호 매기기 열 자동 순위 매기기 또는 추가(1,2,3)

정적 행 번호를 테이블에 쉽게 추가할 수 있는 방법을 요청하는 Fabricator 스레드가 있습니다.phab 참조:T42618. phab을 대체합니다.T42634.

그 사이에 템플릿이 있습니다.정적 행 번호입니다.그것은 지금 사용하기 쉽습니다.정렬 가능한 테이블에 행 번호를 자동으로 추가하기 위한 템플릿입니다.데이터 열이 정렬될 때 행 번호는 정렬되지 않습니다.표 위에 추가할 수 있는 참고 사항: 번호는 정적입니다. 다른 열은 정렬할 수 있습니다. 이렇게 하면 모든 열의 순위를 지정할 수 있습니다.

이러한 템플릿은 함께 작동하며 테이블 형식을 빠르게 만듭니다.

예를 들어, 수감률과 교정 감독률에 따른 미국의 주 및 영토 목록을 여기에 함께 사용합니다.

이는 구분 기호 <br>를 사용하지 않고 단어 머리글 텍스트로 열을 좁히는 데 선택적으로 사용됩니다.헤더는 일시 중지로 인해 화면 판독기를 사용하는 사람들을 짜증나게 합니다.

최대 너비를 선택적으로 사용하면 상태 이름을 분산할 수 있으며 화면이 충분히 넓으면 각 행에 하나씩 유지할 수 있습니다.이를 통해 행을 아래로 또는 여러 행을 더 쉽게 검색할 수 있습니다.그러나 화면이 점점 더 좁아지면 상태 이름이 결국 감깁니다.이것은 휴대폰에 좋습니다.px 대신 em 단위 설정을 사용합니다.글꼴 크기가 증가함에 따라 Em 단위의 너비가 확장됩니다.

모바일 보기와 바탕 화면 보기(페이지 하단의 링크)를 모두 확인하십시오.헤더 행에 행 번호가 지정되지 않았는지 확인합니다.또한 최대 너비 설정이 너무 빡빡하지 않은지 확인합니다.일부 열에 대해 모바일 보기의 최대 너비 설정이 약간 더 필요할 수 있습니다.또한 데스크톱 브라우저와 이에 대한 설정이 다르면 일부 최대 너비 설정으로 인해 일부 열 머리글 텍스트가 인접한 열에 중복될 수 있습니다.따라서 일반적으로 최대 너비 설정에 일부 추가 단위를 추가하는 것이 좋습니다.

영문자 정렬 순서

data-sort-type:text - 다음 표를 정렬하여 알파벳 정렬 순서의 예를 확인합니다.

정렬은 대소문자를 구분하지 않습니다. A1과 같은 두 문자 항목은 A와 a가 동일한 위치에 있음을 나타냅니다.

시험
!
"
#
$
%
&
'
(
)
*
+
,
-
.
/
0
9
:
;
<
=
>
?
@
[
\
]
^
_
'
A
Z
a
z
A1
Z1
a1
z1
{
}
~
E1
에1

숫자 정렬 순서 예제

data-sort-type:number - 다음 표를 정렬하여 숫자 정렬 순서의 예를 확인합니다.

혼합된 표기법
시험
1.4285714285714E+17
1000000000000000000
-1000000000000000000
.0000000000000000001
-.0000000000000000001
-1.4285714285714E+17
1.4285714285714E-13
-1.4285714285714E-13
89 123 456 788
89,123,456,789
14
-14
11
-12(급품)
12 또는 13
12 (?)
12개
12(단축)
?
333
1e10
e 9
e 80
e 70
e600
999e9
88e80
7e270
999e-9
88e-80
7e-270
-999e9
−999e9
-88e80
-7e270
-999e-9
-88e-80
-7e-270
e3
-e3
1e3
e9
e80
e270
6e11
8e11

참고 항목

노트

  1. ^ 속기 CSS 속성은 단일 속성에 의해 여러 하위 속성을 설정할 수 있게 하며 "단기 형식에서 값이 생략될 때, 달리 정의되지 않는 한 각 '누락된' 하위 속성에는 [기본값] 값이 할당됩니다.즉, 속기 속성 선언은 명시적으로 설정되지 않은 모든 하위 속성을 항상 설정합니다.부주의하게 사용하면 일부 하위 속성을 실수로 재설정할 수 있습니다."정렬 가능한 테이블 헤더에 설정된 특정 필수 CSS 백그라운드 속성은 테이블별로 [1]지정된 백그라운드 규칙에 의해 재정의될 수 있습니다.

레퍼런스

  1. ^ "CSS Cascading and Inheritance Level 4: Shorthand Properties". W3C. October 10, 2022. Archived from the original on December 11, 2022. Retrieved December 19, 2022.