Login
Login

Help:Collapsing/Test

__TOC__

Tables on the right are autocollapse.Only the green cells should be visible on the left after clicking [hide] and there should be no red cells visible on the right until clicking [show].

Simple tests

class="collapsible wikitable" align=left

|+ Default: collapse all {{pass}}

! !! Col A !! Col B !! Col C

Row 1

| Data A1 || Data B1 || Data C1

Row 2

| Data A2 || Data B2 || Data C2

Row 3

| Data A3 || Data B3 || Data C3

class="collapsible wikitable autocollapse" align=right

|+ Default: collapse all {{pass}}

! !! Col A !! Col B !! Col C

bgcolor=red

! Row 1

| Data A1

Data B1Data C1
bgcolor=red

! Row 2

| Data A2

Data B2Data C2
bgcolor=red

! Row 3

| Data A3

Data B3Data C3

{{clear}}

Advanced tests

The following tests mostly currently require custom code.

= Tests for collapsible rows =

class="collapsible wikitable" align=left

|+ Collapse row 2 only {{pass}}

! !! Col A !! Col B !! Col C

bgcolor=lime

! Row 1

| Data A1

Data B1Data C1
class="collapsible"

! Row 2

| Data A2

Data B2Data C2
bgcolor=lime

! Row 3

| Data A3

Data B3Data C3

class="collapsible wikitable autocollapse" align=right

|+ Collapse row 2 only {{pass}}

! !! Col A !! Col B !! Col C

Row 1

| Data A1 || Data B1 || Data C1

class="collapsible" bgcolor=red

! Row 2

| Data A2

Data B2Data C2
Row 3

| Data A3 || Data B3 || Data C3

{{clear}}

class="collapsible wikitable" align=left

|+ Do not collapse row 3 {{pass}}

! !! Col A !! Col B !! Col C

Row 1

| Data A1 || Data B1 || Data C1

Row 2

| Data A2 || Data B2 || Data C2

class="nocollapse" bgcolor=lime

! Row 3

| Data A3

Data B3Data C3

class="collapsible wikitable autocollapse" align=right

|+ Do not collapse row 3 {{pass}}

! !! Col A !! Col B !! Col C

bgcolor=red

! Row 1

| Data A1

Data B1Data C1
bgcolor=red

! Row 2

| Data A2

Data B2Data C2
class="nocollapse"

! Row 3

| Data A3

Data B3Data C3

{{clear}}

= Tests for collapsible columns =

class="collapsible wikitable" align=left

|+ Collapse column B only {{pass}}

! !! Col A !! class="collapsible"| Col B !! Col C

bgcolor=lime| Row 1

| bgcolor=lime| Data A1 || Data B1 || bgcolor=lime| Data C1

bgcolor=lime| Row 2

| bgcolor=lime| Data A2 || Data B2 || bgcolor=lime| Data C2

bgcolor=lime| Row 3

| bgcolor=lime| Data A3 || Data B3 || bgcolor=lime| Data C3

class="collapsible wikitable autocollapse" align=right

|+ Collapse column B only {{pass}}

! !! Col A !!class="collapsible"| Col B !! Col C

Row 1

| Data A1 || bgcolor=red| Data B1 || Data C1

Row 2

| Data A2 || bgcolor=red| Data B2 || Data C2

Row 3

| Data A3 || bgcolor=red| Data B3 || Data C3

{{clear}}

class="collapsible wikitable" align=left

|+ Do not collapse first column {{pass}}

!class="nocollapse"| !! Col A !! Col B !! Col C

bgcolor=lime| Row 1

| Data A1 || Data B1 || Data C1

bgcolor=lime| Row 2

| Data A2 || Data B2 || Data C2

bgcolor=lime| Row 3

| Data A3 || Data B3 || Data C3

class="collapsible wikitable autocollapse" align=right

|+ Do not collapse first column {{pass}}

!class="nocollapse"| !! Col A !! Col B !! Col C

Row 1

| bgcolor=red| Data A1 || bgcolor=red| Data B1 || bgcolor=red| Data C1

Row 2

| bgcolor=red| Data A2 || bgcolor=red| Data B2 || bgcolor=red| Data C2

Row 3

| bgcolor=red| Data A3 || bgcolor=red| Data B3 || bgcolor=red| Data C3

{{clear}}

class="collapsible wikitable" align=left

|+ Column A is not collapsible, column B is explicitly collapsible {{pass}}

! !!class="nocollapse"| Col A !!class="collapsible"| Col B !! Col C

Row 1

| bgcolor=lime| Data A1 || Data B1 || bgcolor=orange| Data C1

Row 2

| bgcolor=lime| Data A2 || Data B2 || bgcolor=orange| Data C2

Row 3

| bgcolor=lime| Data A3 || Data B3 || bgcolor=orange| Data C3

class="collapsible wikitable autocollapse" align=right

|+ Column A is not collapsible, column B is explicitly collapsible {{pass}}

! !!class="nocollapse"| Col A !!class="collapsible"| Col B !! Col C

Row 1

| Data A1 || bgcolor=red| Data B1 || bgcolor=orange| Data C1

Row 2

| Data A2 || bgcolor=red| Data B2 || bgcolor=orange| Data C2

Row 3

| Data A3 || bgcolor=red| Data B3 || bgcolor=orange| Data C3

{{clear}}

class="collapsible wikitable" align=left

|+ Column A is explicitly collapsible, column B is not collapsible {{pass}}

! !!class="collapsible"| Col A !!class="nocollapse"| Col B !! Col C

Row 1

| Data A1 || bgcolor=lime| Data B1 || bgcolor=orange| Data C1

Row 2

| Data A2 || bgcolor=lime| Data B2 || bgcolor=orange| Data C2

Row 3

| Data A3 || bgcolor=lime| Data B3 || bgcolor=orange| Data C3

class="collapsible wikitable autocollapse" align=right

|+ Column A is explicitly collapsible, column B is not collapsible {{pass}}

! !!class="collapsible"| Col A !!class="nocollapse"| Col B !! Col C

Row 1

| bgcolor=red| Data A1 || Data B1 || bgcolor=orange| Data C1

Row 2

| bgcolor=red| Data A2 || Data B2 || bgcolor=orange| Data C2

Row 3

| bgcolor=red| Data A3 || Data B3 || bgcolor=orange| Data C3

{{clear}}

= Tests for collapsible rows and columns =

class="collapsible wikitable" align=left

|+ Collapse column B and row 2, cell B2 is double-collapsible {{pass}}

! !! Col A !!class="collapsible"| Col B !! Col C

bgcolor=lime| Row 1

| bgcolor=lime| Data A1 || Data B1 || bgcolor=lime| Data C1

class="collapsible"

! Row 2

| Data A2

Data B2Data C2
bgcolor=lime| Row 3

| bgcolor=lime| Data A3 || Data B3 || bgcolor=lime| Data C3

class="collapsible wikitable autocollapse" align=right

|+ Collapse column B and row 2, cell B2 is double-collapsible {{pass}}

! !! Col A !!class="collapsible"| Col B !! Col C

Row 1

| Data A1 || bgcolor=red| Data B1 || Data C1

class="collapsible" bgcolor=red

! Row 2

| Data A2

bgcolor=red| Data B2Data C2
Row 3

| Data A3 || bgcolor=red| Data B3 || Data C3

{{clear}}

= Tests with incomplete tables =

class="collapsible wikitable" align=left

|+ Collapse all {{pass}}

! !! Col A !! Col B !! Col C

Row 1

| Data A1 || Data B1 || Data C1

Row 2

| Data A2 || Data B2

Row 3

| Data A3

class="collapsible wikitable autocollapse" align=right

|+ Collapse all {{pass}}

! !! Col A !! Col B !! Col C

bgcolor=red

! Row 1

| Data A1

Data B1Data C1
bgcolor=red

! Row 2

| Data A2

Data B2
bgcolor=red

! Row 3

| Data A3

{{clear}}

class="collapsible wikitable" align=left

|+ Collapse column B only {{fail}}

! !! Col A !! class="collapsible"| Col B !! Col C

bgcolor=lime| Row 1

| bgcolor=lime| Data A1 || Data B1 || bgcolor=lime| Data C1

bgcolor=lime| Row 2

| bgcolor=lime| Data A2 || Data B2

bgcolor=lime| Row 3

| bgcolor=lime| Data A3

class="collapsible wikitable autocollapse" align=right

|+ Collapse column B only {{fail}}

! !! Col A !!class="collapsible"| Col B !! Col C

Row 1

| Data A1 || bgcolor=red| Data B1 || Data C1

Row 2

| Data A2 || bgcolor=red| Data B2

Row 3

| Data A3

{{clear}}

class="collapsible wikitable" align=left

|+ Collapse column C only {{fail}}

! !! Col A !! Col B !! class="collapsible"| Col C

bgcolor=lime| Row 1

| bgcolor=lime| Data A1 || bgcolor=lime| Data B1 || Data C1

bgcolor=lime| Row 2

| bgcolor=lime| Data A2 || bgcolor=lime| Data B2

bgcolor=lime| Row 3

| bgcolor=lime| Data A3

class="collapsible wikitable autocollapse" align=right

|+ Collapse column B only {{fail}}

! !! Col A !! Col B !! class="collapsible"| Col C

Row 1

| Data A1 || Data B1 || bgcolor=red| Data C1

Row 2

| Data A2 || Data B2

Row 3

| Data A3

{{clear}}

= Tests with <code>rowspan</code> =

class="collapsible wikitable" align=left

|+ Rowspan, collapse all {{pass}}

! !! Col A !! Col B !! Col C

Row 1

| Data A1 ||rowspan="2"| Data B1–2 || Data C1

Row 2

| Data A2 || Data C2

Row 3

| Data A3 || Data B3 || Data C3

class="collapsible wikitable autocollapse" align=right

|+ Rowspan, collapse all {{pass}}

! !! Col A !! Col B !! Col C

bgcolor=red

! Row 1

| Data A1

rowspan="2"| Data B1–2Data C1
bgcolor=red

! Row 2

| Data A2

Data C2
bgcolor=red

! Row 3

| Data A3

Data B3Data C3

{{clear}}

class="collapsible wikitable" align=left

|+ Rowspan, collapse that column {{fail}}

! !! Col A !!class="collapsible"| Col B !! Col C

Row 1

| bgcolor=lime| Data A1 ||rowspan="2"| Data B1–2 || bgcolor=lime| Data C1

Row 2

| bgcolor=lime| Data A2 || bgcolor=lime| Data C2

Row 3

| bgcolor=lime| Data A3 || Data B3 || bgcolor=lime| Data C3

class="collapsible wikitable autocollapse" align=right

|+ Rowspan, collapse that column {{fail}}

! !! Col A !!class="collapsible"| Col B !! Col C

Row 1

| Data A1 ||rowspan="2" bgcolor=red| Data B1–2 || Data C1

Row 2

| Data A2 || Data C2

Row 3

| Data A3 || bgcolor=red| Data B3 || Data C3

{{clear}}

class="collapsible wikitable" align=left

|+ Rowspan header, collapse these rows {{fail}}

! !! Col A !! Col B !! Col C

rowspan=2 class="collapsible"| Row 1–2

| Data A1 || Data B1 || Data C1

Data A2Data B2Data C2
Row 3

| bgcolor=lime| Data A3 ||bgcolor=lime| Data B3 || bgcolor=lime| Data C3

class="collapsible wikitable autocollapse" align=right

|+ Rowspan header, collapse these rows {{fail}}

! !! Col A !! Col B !! Col C

rowspan=2 class="collapsible"| Row 1–2

| bgcolor=red| Data A1 ||bgcolor=red| Data B1 ||bgcolor=red| Data C1

bgcolor=red| Data A2bgcolor=red| Data B2bgcolor=red| Data C2
Row 3

| Data A3 || Data B3 || Data C3

{{clear}}

= Tests with <code>colspan</code> =

class="collapsible wikitable" align=left

|+ Colspan, collapse all {{pass}}

! !! Col A !! Col B !! Col C

Row 1

| Data A1 || Data B1 || Data C1

Row 2

|colspan="2"| Data A–B2 || Data C2

Row 3

| Data A3 || Data B3 || Data C3

class="collapsible wikitable autocollapse" align=right

|+ Colspan, collapse all {{pass}}

! !! Col A !! Col B !! Col C

bgcolor=red

! Row 1

| Data A1

Data B1Data C1
bgcolor=red

! Row 2

|colspan="2"| Data A–B2

Data C2
bgcolor=red

! Row 3

| Data A3

Data B3Data C3

{{clear}}

class="collapsible wikitable" align=left

|+ Colspan, collapse that row {{pass}}

! !! Col A !! Col B !! Col C

bgcolor=lime

! Row 1

| Data A1

Data B1Data C1
class="collapsible"

! Row 2

|colspan="2"| Data A–B2

Data C2
bgcolor=lime

! Row 3

| Data A3

Data B3Data C3

class="collapsible wikitable autocollapse" align=right

|+ Colspan, collapse that row {{pass}}

! !! Col A !! Col B !! Col C

Row 1

| Data A1 || Data B1 || Data C1

class="collapsible" bgcolor=red

! Row 2

|colspan="2"| Data A–B2

Data C2
Row 3

| Data A3 || Data B3 || Data C3

{{clear}}

class="collapsible wikitable" align=left

|+ Colspan, collapse all but that row {{pass}}

! !! Col A !! Col B !! Col C

Row 1

| Data A1 || Data B1 || Data C1

class="nocollapse" bgcolor=lime

! Row 2

|colspan="2"| Data A–B2

Data C2
Row 3

| Data A3 || Data B3 || Data C3

class="collapsible wikitable autocollapse" align=right

|+ Colspan, collapse all but that row {{pass}}

! !! Col A !! Col B !! Col C

bgcolor=red

! Row 1

| Data A1

Data B1Data C1
class="nocollapse"

! Row 2

|colspan="2"| Data A–B2

Data C2
bgcolor=red

! Row 3

| Data A3

Data B3Data C3

{{clear}}

class="collapsible wikitable" align=left

|+ Colspan, collapse those columns {{fail}}

! !! class="collapsible"| Col A !! class="collapsible"| Col B !! Col C

bgcolor=lime| Row 1

| Data A1 || Data B1 || bgcolor=lime| Data C1

bgcolor=lime| Row 2

|colspan="2"| Data A–B2 || bgcolor=lime| Data C2

bgcolor=lime| Row 3

| Data A3 || Data B3 || bgcolor=lime| Data C3

class="collapsible wikitable autocollapse" align=right

|+ Colspan, collapse those columns {{fail}}

! !! class="collapsible"| Col A !! class="collapsible"| Col B !! Col C

Row 1

| bgcolor=red| Data A1 || bgcolor=red| Data B1 || Data C1

Row 2

|colspan="2" bgcolor=red| Data A–B2 || Data C2

Row 3

| bgcolor=red| Data A3 || bgcolor=red| Data B3 || Data C3

{{clear}}

class="collapsible wikitable" align=left

|+ Colspan, collapse all but those columns {{fail}}

! !! class="nocollapse"| Col A !! class="nocollapse"| Col B !! Col C

Row 1

| bgcolor=lime| Data A1 || bgcolor=lime| Data B1 || Data C1

Row 2

|colspan="2" bgcolor=lime| Data A–B2 || Data C2

Row 3

| bgcolor=lime| Data A3 || bgcolor=lime| Data B3 || Data C3

class="collapsible wikitable autocollapse" align=right

|+ Colspan, collapse all but those columns {{fail}}

! !! class="nocollapse"| Col A !! class="nocollapse"| Col B !! Col C

bgcolor=red| Row 1

| Data A1 || Data B1 || bgcolor=red| Data C1

bgcolor=red| Row 2

|colspan="2"| Data A–B2 || bgcolor=red| Data C2

bgcolor=red| Row 3

| Data A3 || Data B3 || bgcolor=red| Data C3

{{clear}}

class="collapsible wikitable" align=left

|+ Colspan header, collapse that column {{fail}}

! !!colspan="2" class="collapsible"| Col A–B !! Col C

Row 1

| Data A1 || Data B1 ||bgcolor=lime| Data C1

Row 2

| Data A1 || Data B2 ||bgcolor=lime| Data C2

Row 3

| Data A3 || Data B3 ||bgcolor=lime| Data C3

class="collapsible wikitable autocollapse" align=right

|+ Colspan header, collapse that column {{fail}}

! !!colspan="2" class="collapsible"| Col A–B !! Col C

Row 1

|bgcolor=red| Data A1 ||bgcolor=red| Data B1 || Data C1

Row 2

|bgcolor=red| Data A1 ||bgcolor=red| Data B2 || Data C2

Row 3

|bgcolor=red| Data A3 ||bgcolor=red| Data B3 || Data C3

{{clear}}

class="collapsible wikitable" align=left

|+ Colspan header, collapse the other column {{fail}}

! !!colspan="2"| Col A–B !!class="collapsible"| Col C

Row 1

|bgcolor=lime| Data A1 ||bgcolor=lime| Data B1 || Data C1

Row 2

|bgcolor=lime| Data A1 ||bgcolor=lime| Data B2 || Data C2

Row 3

|bgcolor=lime| Data A3 ||bgcolor=lime| Data B3 || Data C3

class="collapsible wikitable autocollapse" align=right

|+ Colspan header, collapse the other column {{fail}}

! !!colspan="2"| Col A–B !!class="collapsible"| Col C

Row 1

| Data A1 || Data B1 ||bgcolor=red| Data C1

Row 2

| Data A1 || Data B2 ||bgcolor=red| Data C2

Row 3

| Data A3 || Data B3 ||bgcolor=red| Data C3

{{clear}}

= Tests with <code>colspan</code> and <code>rowspan</code> =

class="collapsible wikitable" align=left

|+ Colspan + rowspan, collapse all {{pass}}

! !! Col A !! Col B !! Col C

Row 1

| Data A1 ||rowspan="2"| Data B1–2 || Data C1

Row 2

| Data A2 || Data C2

Row 3

|colspan="2"| Data A–B3 || Data C3

class="collapsible wikitable autocollapse" align=right

|+ Colspan + rowspan, collapse all {{pass}}

! !! Col A !! Col B !! Col C

bgcolor=red

! Row 1

| Data A1

rowspan="2"| Data B1–2Data C1
bgcolor=red

! Row 2

| Data A2

Data C2
bgcolor=red

! Row 3

|colspan="2"| Data A–B3

Data C3

{{clear}}

class="collapsible wikitable" align=left

|+ Colspan + rowspan, collapse that row and column {{fail}}

! !! Col A !!class="collapsible"| Col B !! Col C

Row 1

| bgcolor=lime| Data A1 ||rowspan="2"| Data B1–2 || bgcolor=lime| Data C1

Row 2

| bgcolor=lime| Data A2 || bgcolor=lime| Data C2

class="collapsible"

! Row 3

|colspan="2"| Data A–B3

Data C3

class="collapsible wikitable autocollapse" align=right

|+ Colspan + rowspan, collapse that row and column {{fail}}

! !! Col A !!class="collapsible"| Col B !! Col C

Row 1

| Data A1 ||rowspan="2" bgcolor=red| Data B1–2 || Data C1

Row 2

| Data A2 || Data C2

class="collapsible" bgcolor=red

! Row 3

|colspan="2"| Data A–B3

Data C3

{{clear}}