Kollermedia.at » table http://www.kollermedia.at The Website of the Freelancer Jürgen Koller Mon, 06 Feb 2012 13:14:23 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Tabellen Spalten einfach stylen mit colgroup http://www.kollermedia.at/archive/2007/05/31/tabellen-spalten-einfach-stylen-mit-colgroup/ http://www.kollermedia.at/archive/2007/05/31/tabellen-spalten-einfach-stylen-mit-colgroup/#comments Thu, 31 May 2007 18:22:35 +0000 Jürgen Koller http://www.kollermedia.at/?p=594 Wenn man die Breite oder die Hintergrundfarbe einer Tabellenspalte schnell ändern möchte, kann man dies mit sogenannten colgroups lösen. Hat man z.b. eine Tabelle mit 3 Spalten, definiert man im html einfach nach dem <table> folgende Colgroup:

Nun muss man …

]]> Wenn man die Breite oder die Hintergrundfarbe einer Tabellenspalte schnell ändern möchte, kann man dies mit sogenannten colgroups lösen. Hat man z.b. eine Tabelle mit 3 Spalten, definiert man im html einfach nach dem <table> folgende Colgroup:

&lt;colgroup&gt;
&lt;col class="col1" /&gt;
&lt;col class="col2" /&gt;
&lt;col class="col3" /&gt;
&lt;/colgroup&gt;

Nun muss man im CSS nur noch die klassen stylen, die man den col's zugewiesen hat, in unserem Beispiel wäre das:

.colgrouptest .col1 {background-color:#fff2df;}
.colgrouptest .col2 {background-color:#ecfeff;}
.colgrouptest .col3 {background-color:#fcedfc;}

Hier ein Beispiel wie dies aussehen würde

Spalte 1 Spalte 2 Spalte 3
Test Test Test
Test Test Test
Test Test Test

Wie gesagt funktioniert dies Browserübergreiffend nur für die Hintergrundfarbe und Breitenangabe. Firefox versteht weitere Angaben (im gegensatz zum IE) leider nicht. Um auch dem Firefox weitere Angaben (wie zum Beispiel Schriftfarbe) zuzuordnen kann man aber folgendes im CSS definieren:
Alle tds der ersten Spalte spricht man so an: td:first-child
die der zweiten Spalte so: td:first-child + td
und die der dritten so: td:first-child + td +td

Dies wird vom Firefox, IE7 und Opera verstanden.

]]> http://www.kollermedia.at/archive/2007/05/31/tabellen-spalten-einfach-stylen-mit-colgroup/feed/ 3 25 Sortable Table Scripts http://www.kollermedia.at/archive/2007/04/12/25-sortable-table-scripts/ http://www.kollermedia.at/archive/2007/04/12/25-sortable-table-scripts/#comments Thu, 12 Apr 2007 16:23:14 +0000 Jürgen Koller http://www.kollermedia.at/?p=556 TablesOft hat man viele Datensätze, die man einfach nur Tabellarisch unterbringen kann. Wenn man sich nun nicht entscheiden kann, nach welcher Spalte man die Tabelle sortieren und anzeigen soll, helfen einem sogenannte "Sortable Tables". Mit Hilfe von Javascript, DHTML oder …

]]> TablesOft hat man viele Datensätze, die man einfach nur Tabellarisch unterbringen kann. Wenn man sich nun nicht entscheiden kann, nach welcher Spalte man die Tabelle sortieren und anzeigen soll, helfen einem sogenannte "Sortable Tables". Mit Hilfe von Javascript, DHTML oder Ajax lassen sich statische Tabellen plötzlich nach beliebigen Spalten sortieren. Manche Scripts bieten sogar die Möglichkeit einer Pagination. Die Tabellen werden dabei dann je nach der Anzahl der Datensätze in Seiten aufgeteilt, damit die Tabelle nicht zu lange und unübersichtlich wird. Diese Scripts hauchen den Tabellen also sozusagen Leben ein und bieten den Usern mehr Übersicht und mehr Funktionalität.

List of 25 sortable Table Scripts

]]> http://www.kollermedia.at/archive/2007/04/12/25-sortable-table-scripts/feed/ 0