접이식 요소에는 판독기가 요소의 내용을 표시하거나 숨길 수 있는 토글이 포함되어 있습니다.요소는 다음을 추가하여 접을 수 있습니다.mw-collapsible클래스 또는 {{Collapse} 템플릿 또는 해당 변형인 {{Collapse top}} 및 {{Collapse bottom}}을(를) 사용합니다.
그mw-collapsible클래스는 모든 요소를 접을 수 있도록 만들 수 있지만 테이블은 접을 수 있도록 만드는 것이 특히 간단합니다.추가mw-collapsible테이블에 클래스를 지정하면 토글이 자동으로 배치되고 접힐 부품이 선택됩니다.
일반적으로 접기 가능한 레이아웃 표를 만드는 것이 일반적인데, 이 표는 항상 소개나 요약을 표시하지만 내용의 나머지 부분은 바로 보기에서 숨깁니다.서론 또는 요약은 첫 번째 행에 있고 내용은 다음 행에 있습니다.그런 다음 '표시' 버튼을 사용하여 콘텐츠에 쉽게 액세스할 수 있습니다.
아래 예제에서 클래스의 사용은wikitable단지 외모를 위한 것입니다; 그것은 필요하지 않습니다.mw-collapsible기능하기 위해.
입력된 코드
생산된 출력
role="presentation"class="신뢰할 수 없는 mw-complexible" <strong>로렘 입섬</strong> - 로렘 입섬 돌로르 시타메트}
로렘입섬
로렘 입섬돌라사이트메트
더 복잡한 데이터 테이블도 접을 수 있습니다.
입력된 코드
생산된 출력
class="지속 가능한 mw-discible" + class="nowrap"동계 올림픽게임 - ! scope="col"도시!scope="col"국가- ! scope="row"1994 릴레함메르 노르웨이- ! scope="row"1998 나가노 일본}
동계 올림픽
도시
나라
1994
릴레함메르
노르웨이
1998
나가노
일본
기본적으로 접기
사용하기만 하면 됩니다.mw-collapsible클래스는 기본적으로 요소를 확장한 상태로 두지만 판독기에 의해 축소될 수 있습니다.기본적으로 요소를 축소하고 다른 클래스를 추가하여 선택적으로 확장할 수도 있습니다.mw-collapsible요소를 축소할 상황에 따라 여러 가지 방법이 있습니다.
"mw-dll"
추가mw-collapsed클래스는 요소 주위에서 어떤 일이 발생하더라도 요소가 항상 처음에 접히게 합니다.그것은 그렇게 하는 가장 간단한 방법입니다.위의 예를 사용합니다.
입력된 코드
생산된 출력
role="presentation"class="신뢰할 수 없는 mw-complexible mw-complex"<strong>로렘 입섬</strong> - 로렘 입섬 돌로르 시타메트}
추가autocollapseclass는 페이지에 접을 수 있는 요소가 두 개 이상 있는 경우 요소를 접게 합니다.이 임계값은 다른 프로젝트에서 다를 수 있으며 사용자 지정할 수 있습니다.따라서 아래 예제는 이 페이지에 접을 수 있는 요소가 많기 때문에 접힙니다.
입력된 코드
생산된 출력
role="presentation"class="지속 가능한 mw-transportable autocollapse"<strong>로렘 입섬</strong> - 로렘 입섬 돌로르 시타메트}
로렘입섬
로렘 입섬돌라사이트메트
"병적 붕괴" 및 "외부 붕괴"
이 기법을 사용하면 페이지가 리플로우/점프를 하게 되므로 일반적으로 피해야 합니다.
이 클래스 쌍을 사용하면 요소가 특정 외부 요소 내에 포함된 경우에만 기본적으로 요소를 축소할 수 있습니다.요소가 포함된 경우mw-collapsible그리고.innercollapse클래스가 요소 내에 포함된 경우 기본적으로 클래스가 접힙니다.outercollapse클래스. 그렇지 않으면 기본적으로 접히지 않습니다.이것은 주로 중첩된 템플릿에 유용합니다.
입력된 코드
생산된 출력
role="presentation"class="불가역적인 mw-불가역적인 내부 붕괴" 이<code> 요소는 기본적으로 -<em>uncollapse</em> <div class="불가역적인 외부 붕괴"style="from:1em; background:#cc;> 이 요소는 <code> 외부 붕괴클래스를 가진요소입니다.role="presentation"class="사용할 수 없는 mw-reconsible inner collapse"이 <code>internal collapse 요소는 기본적으로 -<em>interval} </div>입니다.
이것.innercollapse요소는
부도가 나지 않은.
이 요소는 다음과 같습니다.outercollapse학급.
이것.innercollapse요소는
기본적으로 축소됨
기타 참고 사항
캡션이 있는 표
캡션이 없는 테이블은 첫 번째 행으로 접힙니다.캡션이 있는 테이블은 해당 캡션으로 접히므로 행이 없으므로 너비가 없습니다.class="nowrap"또는 {{nowrap}}: 테이블이 접힐 때 캡션이 수직 열로 압축되지 않도록 합니다.
입력된 코드
생산된 출력
class="분할 가능한 정렬 가능한 mw-consistable" + class="nowrap"다소 긴 테이블캡션! 이름!! 점수- John59 - Bob 72}
class="선택 가능한 정렬 가능한 mw-consistable"+ {{nowrap 더 긴 테이블 캡션은 포장이 필요합니다} 휴대전화 등용!이름!! 점수- John59 - Bob 72}
더 긴 표 캡션은 휴대폰 등을 위해 포장해야 합니다.
이름.
점수
존.
59
밥.
72
정렬 가능한 테이블
접이식 테이블은 쉽게 정렬 가능한 테이블 기능과 결합할 수 있습니다.그러나 숨기기/표시 단추가 다음과 같이 배치되어 있기 때문입니다.collapsible위치한 첫 번째 헤더 셀에서 또는 를 사용하여mw-collapsible오른쪽 헤더 셀(이 차이는 변경될 수 있음)에서 셀이 충분히 넓지 않으면 위치가 약간 특이하게 보일 수 있습니다.
입력된 코드
생산된 출력
class="확장 가능한 mw-sortable"style="width:5em"<!--테이블 너비가 너무 좁아서 일부러 여기--> -!이름!! 점수- John59 - Bob 72}
이름.
점수
존.
59
밥.
72
가능한 대안은 표 위에 캡션을 추가하는 것입니다.다음 예를 참조하십시오.
입력된 코드
생산된 출력
class="제한 가능한 정렬 가능한 mw-consistable" + class="nowrap"캡션! 이름!! 점수- John59 - Bob 72}
캡션
이름.
점수
존.
59
밥.
72
사용자 정의
등록된 사용자는 사용된 변수 중 일부를 변경하기 위해 개인 js 파일을 편집할 수 있습니다.
자동 접기=4//자동 접기가 작동하기 전에 페이지에서 접기 가능한 테이블 수(기본값=2)넝쿨접기 캡션='''비공식'''//[숨기기] 링크의 텍스트(기본값='숨기기')넝쿨캡션 확장='붕괴 해제'//[show] 링크의 텍스트(기본값='show')
제한 사항
이 기능을 사용하려면 최종 사용자의 브라우저에서 JavaScript를 사용하도록 설정해야 합니다.JavaScript가 비활성화된 경우 기본 동작은 내용을 표시하는 것입니다.
