--- title: "Zebra-Streifen in Tabellen" url: "https://www.typo3.net/d/111317-zebra-streifen-in-tabellen" source: "typo3.net" tags: ["Backend","RTE & CKEditor","Frage"] created: "2012-07-12" last_reply: "2013-07-17" replies: 10 solved: false page: 1 pages: 1 lang: "de" --- # Zebra-Streifen in Tabellen Backend › RTE & CKEditor · 10 Antworten · gestartet 2012-07-12 ## Eröffnungsbeitrag **chrickenh** · 2012-07-12 · [Beitrag #1](https://www.typo3.net/d/111317-zebra-streifen-in-tabellen/1) Hallo, ich wollte mal fragen, ob es normal ist, dass meine Tabellen keine tr-odd bzw tr-even-Klassen mehr bekommen. Bin der Meinung, das war mal so. Aber bei mir geht es nicht. Ich nutze Version 4.7.0 Falls es normal ist, wie aktiviere ich denn die abwechselnden KLassen für Tabellen? Danke schonmal Chrickenh ## Antworten ### [#2](https://www.typo3.net/d/111317-zebra-streifen-in-tabellen/2) · wini2 · 2012-07-12 hallo chrickenh, doch, die gibt's noch; s. manual zur version 4.7.1, s. 21 ff. ```typoscript RTE.classes { .name = label of the class (may be a reference to an entry in a localization file of the form LLL:EXT:[fileref]:[labelkey]) .value = the style for the class .noShow = boolean; if set, the style of the class is not used to render it in the pop-up selector. # specification of alternating classes for rows and/or columns of a table .alternating { rows { startAt = int+ (default = 1) oddClass = class-name evenClass = class-name oddHeaderClass = class-name evenHeaderClass = class-name } columns { startAt = int+ (default = 1) oddClass = class-name evenClass = class-name oddHeaderClass = class-name evenHeaderClass = class-name } } # specification of counting classes for rows and/or columns of a table .counting { rows { startAt = int (default = 1) rowClass = class-name (should not be a substring of other class names) rowLastClass = class-name rowHeaderClass = class-name (should not be a substring of other class names) rowHeaderLastClass = class-name } columns { startAt = int (default = 1) columnClass = class-name(should not be a substring of other class names) columnLastClass = class-name columnHeaderClass = class-name(should not be a substring of other class names) columnHeaderLastClass = class-name } } } ``` außerdem interessant u. a. RTE.mutuallyExclusiveClasses.[label] ggf. stylesheet noch ergänzen/anpassen. viel erfolg ### [#3](https://www.typo3.net/d/111317-zebra-streifen-in-tabellen/3) · chrickenh · 2012-07-13 Hallo Wini, vielen Dank für Deine Antwort. Leider hat sie nicht geholfen. Es scheitert schon daran, dass ich kein manual finde. Zumindest keines, in dem ich auf Seite 21 irgendwas Relevantes zum RTE lesen könnte. Also habe ich versucht, zu basteln und habe nun im Seiten-TS das Folgende stehen: ```typoscript RTE.default { # RTE-CSS einbinden contentCSS = fileadmin/templates/rte.css # Alle Klassen aus rte.css anzeigen showTagFreeClasses = 1 # Überschreibe die vorgegebenen Standardformateierungen des RTE ignoreMainStyleOverride = 1 } # Zebrastreifen RTE.classes { #.name = label of the class (may be a reference to an entry in a localization file of the form LLL:EXT:[fileref]:[labelkey]) #.value = the style for the class #.noShow = boolean; if set, the style of the class is not used to render it in the pop-up selector. # specification of alternating classes for rows and/or columns of a table .alternating { rows { startAt = 1 oddClass = odd evenClass = even oddHeaderClass = odd evenHeaderClass = even } } } ``` Es funktioniert leider nicht. Aber ich habe auch keinen Plan, was ich korrigieren muss. Kannst Du mir bitte sagen, wo ich das von Dir erwähnte Manual finde? Im CSS, das oben eingebunden wird, habe ich die Klassen ebenfalls angelegt: ```css tr.odd { background:#222; } tr.even { background:#444; } ``` Danke Chrickenh ### [#4](https://www.typo3.net/d/111317-zebra-streifen-in-tabellen/4) · wini2 · 2012-07-13 das manual findest du folgendermaßen: - ext.manager (= modul 'erweiterungen') - resgister 'verfügbare erweiterungen' - htmlArea RTE anklicken (einzelheiten zur ext werden angezeigt), - register 'dateien' - im der links befindlichen ordnerstruktur den ordner 'doc' auswählen, der das manual in form einer open office-datei enthält. falls du oopen office suchst, findest du es hier: gruß wini2 ### [#5](https://www.typo3.net/d/111317-zebra-streifen-in-tabellen/5) · chrickenh · 2012-07-13 Vielen Dank für den Tipp mit dem Manual. Ich habe jetzt das Beispiel aus dem manual eingebunden aber kriege es nicht zum laufen: ```typoscript # Configuration of an alternating and counting class RTE.classes.countingtable { name = Counting class alternating { rows { startAt = 1 oddClass = tr-odd evenClass = tr-even oddHeaderClass = thead-odd evenHeaderClass = thead-even } columns { startAt = 1 oddClass = td-odd evenClass = td-even oddHeaderClass = th-odd evenHeaderClass = th-even } } counting { rows { startAt = 1 rowClass = tr-count- rowLastClass = tr-last rowHeaderClass = thead-count- rowHeaderLastClass = thead-last } columns { startAt = 1 columnClass = td-count- columnLastClass = td-last columnHeaderClass = th-count- columnHeaderLastClass = th-last } } } ``` Es kommt mir so vor, als verstehe ich etwas grundsätzliches nicht. Wozu wird zum Beispiel der name verwendet? Und wo finde ich die Klasse countingtable? Muss ich die noch irgendwo der Tabelle zuweisen oder anderweitig definieren? Ich hoffe, Du kannst mir helfen. Was mich eigentlich fertig macht ist: War das nicht mal standardmäßig drinnen? Lieben Gruß Chrichenh ### [#6](https://www.typo3.net/d/111317-zebra-streifen-in-tabellen/6) · wini2 · 2012-07-13 name ist die bezeichnung, die im erstellen-dialog bzw. im dropdown der blockstile angezeigt wird. style - hier kannst du direkt die stildef. eintragen - statt in der css-datei für den editor (ich gehe mal davon aus, dass du eine hast [RTE.default.contentCSS = ....] ansonsten geht es im üblichen verfahren weiter. du musst dafür sorgen, dass die tabelle auch im dropdown erscheint (buttons.blockstyle.tags.table.allowedClasses = ...) gilt analog für thead, td, tr. anschl. musst du dafür sorgen, dass das ganze auch in die db wandert (RTE.default.proc.allowedClasses =). evtl. musst du die tabellen im setup erlauben (nicht pagetsconfig). last, but not least musst du das css schon selber anlegen (in der contentCSS, damit es in rte sichtbar ist und in deiner CSS-Datei für's frontend, damit auch deine besucher was davon haben). die bezeichnungen tr-odd, tr-even etc. sind natürlich nicht zwingend; kannst du nennen, wie du willst. daran, dass das 'ab werk' dabei war, kann ich micht nicht erinnern, das waren eigentlich nur für contenttable, contenttable-0 ... (zumindest für css-styled content). außer hier im forum kannst du mal nach rte-konfiguration googeln oder z.b. bei dem vielfach zietierten nachschauen (wenn auch vielleicht nicht mehr so ganz aktuell). einen ganz guten einblick in die verfahrensweise gibt's z.b. auf speziell zebra-tabellen beschreibt u.a. jochen weiland (). ### [#7](https://www.typo3.net/d/111317-zebra-streifen-in-tabellen/7) · chrickenh · 2012-07-16 Yeah, endlich hab ich's kapiert und auch hinbekommen. Vor allem dank des Weiland-Howto's und natürlich Deiner geduldigen Hilfe. Danke. Mein TS sieht jetzt so aus: ```typoscript # Zebrastreifen # Configuration of an alternating and counting class RTE.classes.zebrastreifen { name = Zebrastreifen alternating.rows { startAt = 1 oddClass = tr-odd evenClass = tr-even oddHeaderClass = thead-odd evenHeaderClass = thead-even } counting.columns { startAt = 1 columnClass = td-count- columnLastClass = td-last columnHeaderClass = th-count- columnHeaderLastClass = th-last } } } RTE.mutuallyExclusiveClasses = tr-odd,tr-even,td-last,th-last RTE.default.buttons.blockstyle.tags { table.allowedClasses := addToList (zebrastreifen) tr.allowedClasses := addToList (tr-odd,tr-even,td-last,th-last) } RTE.default.proc.allowedClasses := addToList (tr-even,tr-odd,zebrastreifen,td-last,th-last) ``` Dann natürlich nicht vergessen, die benötigten KLassen auch im RTE.CSS einzubauen. Und beim Anlegen der Tabelle die KLasse "Zebrastreifen" auswählen. Außerdem beachten, dass table, tr und td auch Attribute haben dürfen: ```typoscript RTE.default.enableWordClean.HTMLparser.noAttrib ``` darf keinen der drei Tags beinhalten. Lieben Gruß Chrickenh ### [#8](https://www.typo3.net/d/111317-zebra-streifen-in-tabellen/8) · Ricci · 2012-10-09 Hallo, ich stehe vor dem gleichen Problem und bekomme das einfach nicht hin. Vor allem, was soll in der RTE.CSS drin stehen??? Ich habe das Typoscript auf der root-page unter Seiteneigenschaften > Ressourcen > Seiten-TSconfig eingetragen. Ist das so richtig? Dann noch unter Template > root-page > Setup die Zeile: ```typoscript lib.parseFunc_RTE.externalBlocks.table.stdWrap.HTMLparser.tags.table.fixAttrib.class.list = contenttable, stripedtable ``` Es passiert aber gar nichts und ich kann beim Anlegen einer Tabelle auch keine klasse "stripedtable" auswählen. Kann mir bitte jemand mal eine Schritt für Schritt Hilfe geben, das kann doch nicht so schwer sein??? Danke ### [#9](https://www.typo3.net/d/111317-zebra-streifen-in-tabellen/9) · Ricci · 2012-10-10 Hallo, habs jetzt hin bekommen. Erledigt. ### [#10](https://www.typo3.net/d/111317-zebra-streifen-in-tabellen/10) · chrickenh · 2012-10-10 Sorry, hab ich übersehen :( ### [#11](https://www.typo3.net/d/111317-zebra-streifen-in-tabellen/11) · Kalimero · 2013-07-17 Hallo Ricci, poste doch bitte mal Deine Lösung. Ich bekomme es nämlich auch nicht hin... #angry# Wenn ich auf die Tabellen-Eigenschaften im RTE gehe müsste ich doch unter CSS-Stil > Tabelle: die neue Klasse "zebrastreifen" finden, oder? Bei mir gibts da nach wie vor nur dan grauen Rahmen oder gelben Rahmen. --- Quelle: „Zebra-Streifen in Tabellen“, typo3.net, https://www.typo3.net/d/111317-zebra-streifen-in-tabellen Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.