[css] Kolom verbergen, hoe class in colspan bewaren

[Verwijderd]

Misschien een beetje vreemde titelomschrijving, maar hier komt mijn probleem op neer.
Ik heb een tabel. Deze bestaat uit x-aantal kolommen. De bovenste rij bestaat uit 1 kolom welke een span vormt ter breedte van alle kolommen:

code:

<style type="text/css" media="all">
.blue{
  background-color: #006699;
  color: #FFFFFF;
}
</style>
<table border="1" cellpadding="5">
  <tr>
    <td colspan="3" class="blue">titel</td>
  </tr>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
  <tr>
    <td>4</td>
    <td>5</td>
    <td>6</td>
  </tr>
  <tr>
    <td>7</td>
    <td>8</td>
    <td>9</td>
  </tr>
</table>

Deze tabel is flink uitgekleed en dient slechts als voorbeeld.
Nu heeft deze tabel in mijn applicatie meerdere views.
Bij 1 view moet de eerste kolom worden verborgen.

Dit kun je allemaal heel makkelijk doen met onderstaande code (hier wordt de 2e kolom verborgen). Dit werkt volgens mij alleen in IE, maar dat geeft niet, want het is voor intern gebruik en daar gebruikt men alleen maar IE.

code:

<style type="text/css" media="all">
.hiddenColumn{
  display: none;
}
.blue{
  background-color: #006699;
  color: #FFFFFF;
}
</style>
<table border="1" cellpadding="5">
<colgroup>
 <col />
 <col class="hiddenColumn" />
 <col />
</colgroup>
  <tr>
    <td colspan="3" class="blue">titel</td>
  </tr>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
  <tr>
    <td>4</td>
    <td>5</td>
    <td>6</td>
  </tr>
  <tr>
    <td>7</td>
    <td>8</td>
    <td>9</td>
  </tr>
</table>

Nu blijft de titel gewoon netjes staan.
Maar probeer ik de 1e kolom te verbergen dan krijg ik een probleem:
de titel wordt dan ook niet meer weergegeven.

Nu kan ik ervoor kiezen om iedere cel die verborgen moet worden d.m.v. css te verbergen, maar aangezien de tabel zeer uitgebreid is en er meerdere kolommen verborgen moeten gaan worden, wil ik dit niet zo toepassen.

Ik wil het het liefst oplossen d.m.v. de colgroup tags.
Iemand enig idee, hoe ikde titel kan behouden als ik de 1e kolom wil verbergen?

[Verwijderd]

ik zou de titel eigenlijk in een <caption> stoppen, daar is ie voor he, die kan je verder zo opmaken als je zelf wil

[Verwijderd]

Dat had ik ook natuurlijk al bedacht, maar zoals ik al aangeef, je moet dit in een groter geheel zien.
Je kunt volgens mij niet meerdere captions hebben.

Een tabel heeft wel meerdere titels (een aparte tabel is ook niet mogelijk in mijn context!)
Want de titelbalk wordt niet direct bovenaan gebruikt en wordt nog een x-aantal keren herhaald.

code:

<style type="text/css" media="all">
.hiddenColumn{
  display: none;
}
.blue{
  background-color: #006699;
  color: #FFFFFF;
}
</style>
<table border="1" cellpadding="5">
<colgroup>
 <col class="hiddenColumn" />
 <col />
 <col />
 <col />
 <col />
</colgroup>
  <tr>
    <td colspan="2" class="blue">titel 1 </td>
    <td colspan="3" class="blue">titel 2 </td>
  </tr>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>5</td>
  </tr>
  <tr>
    <td>6</td>
    <td>7</td>
    <td>8</td>
    <td>9</td>
    <td>10</td>
  </tr>
</table>

Dit voorbeeld illustreert nog beter wat er gebeurt. Het is ook logisch maar er moet wel een oplossing komen.

[ Voor 58% gewijzigd door Verwijderd op 09-02-2005 14:20 ]

[drm]

't Lijkt mij eerlijk gezegd uberhaupt heel stug dat je een display op een col en/of colgroup toe mag passen. 't Element wordt op zichzelf namelijk helemaal niet getoond. Ik maak me sterk dat 't in firefox of opera uberhaupt niet zou werken.

[Verwijderd]

Je wilt http://w3.org/TR/CSS21/tables.html#q4 (visibility) gebruiken.

Je wilt TH, THEAD, TBODY, SCOPE en derlijke elementen en attributen vast ook gebruiken om semantiek toe te voegen.

[Verwijderd]

Klopt, werkt idd niet in FF en Opera.
Ik vond het wel makkelijk dat het in IE wel werkte haha, beetje gemakzuchtig.
Ik ga eens naar die specs kijken, bedankt!

[Verwijderd]

Het is me nog niet gelukt om m.b.v. Anne d'r aanwijzingen een kolom te verbergen.
Heeft iemand enig idee?!

[Rowanov]

Verwijderd schreef op maandag 14 februari 2005 @ 15:32:
Het is me nog niet gelukt om m.b.v. Anne d'r aanwijzingen een kolom te verbergen.
Heeft iemand enig idee?!

offtopic:
Psst.. ...Anne is een HIJ!

[Verwijderd]

ehhh ahum, mijn nederige excuses ... maar dat lost mijn probleem niet op