• Basti
  • Ehrenmitglied
  • Offline
  • Registrierungsdatum: 27-09-2001
  • Beiträge: 2.126

Thema: Scrollbare Tabellen und Zellenverhalten

Hi.

Ist es möglich via CSS eine Tabelle derart zu gestallten, dass diese scrollbar ist (wie ein iFrame), die Tabellenüberschriften jedoch immer fix über der Tabelle stehen bleiben?

Und noch 'ne Frage:
Kann man Tabellenzellen derart definieren, dass darin enthaltener Text, wenn dieser breiter als die definierte Zellenbreite ist, nicht die Zelle verbreitert und auch nicht umgebrochen wird, sondern einfach quasi hinter dem rechten Zellenrahmen verschwindet, also abgeschnitten wird (wobei dann ein Überfahren mit der Maus den gesamten Inhalt der Zelle anzeigen soll, wie das bei einem alt-Attribut eines Bildes funktioniert).

Danke für Hilfe (wenn welche kommt *g).

Basti

  • Herkunft: Wolfenbüttel & Garching b. M.
  • Registrierungsdatum: 07-11-2000
  • Beiträge: 1.971

Re: Scrollbare Tabellen und Zellenverhalten

Hi Basti!

Ist es möglich via CSS eine Tabelle derart zu gestallten, dass diese scrollbar ist (wie ein iFrame), die Tabellenüberschriften jedoch immer fix über der Tabelle stehen bleiben?

Nein, nicht dass ich wüsste. Eventuell müsste soetwas per iframes möglich sein.

Kann man Tabellenzellen derart definieren, dass darin enthaltener Text, wenn dieser breiter als die definierte Zellenbreite ist, nicht die Zelle verbreitert und auch nicht umgebrochen wird, sondern einfach quasi hinter dem rechten Zellenrahmen verschwindet, also abgeschnitten wird (wobei dann ein Überfahren mit der Maus den gesamten Inhalt der Zelle anzeigen soll, wie das bei einem alt-Attribut eines Bildes funktioniert).

Ja:
1.) per overflow:hidden - vgl. http://de.selfhtml.org/css/eigenschafte … m#overflow
2.) über das title-Tag. Ich weiß nicht, ob das auch schon im td-Tag funktioniert, aber wenn du den Inhalt in ein div oder span packst, kannst du mit title="der ganze Text" arbeiten.

Mamphil

The laws of physics are the canvas God laid down on which to paint his masterpiece. “Leonardo Vetra” in Dan Brown’s “Angels & Demons”

Mamphil's Webseite

3 Antwort von Basti

  • Basti
  • Ehrenmitglied
  • Offline
  • Registrierungsdatum: 27-09-2001
  • Beiträge: 2.126

Re: Scrollbare Tabellen und Zellenverhalten

Hi 'Mamphil'.

Fixer Tabellen-Header:
Ja, ich kriegs nicht hin ... aber, wenn ich den Spalten feste Breiten zuordne, dann kann ich ja auch mit div's den gleichen Effekt erzielen (nur, dass die Tabellenüberschriften im Quellcode dann eben nichtmehr als solche definiert sind).

Zellenverhalten:
Danke.

Basti

4 Antwort von maik-l

  • Registrierungsdatum: 17-02-2002
  • Beiträge: 25

Re: Scrollbare Tabellen und Zellenverhalten

Ist es möglich via CSS eine Tabelle derart zu gestallten, dass diese scrollbar ist (wie ein iFrame), die Tabellenüberschriften jedoch immer fix über der Tabelle stehen bleiben?

ja..., check' mein gleichnamiges tutor :::scroll.table:::  mit 4 varianten!


good luck & Xperience,
maik.l

:::michaels::interface:::

maik-l's Webseite

5 Antwort von Basti

  • Basti
  • Ehrenmitglied
  • Offline
  • Registrierungsdatum: 27-09-2001
  • Beiträge: 2.126

Re: Scrollbare Tabellen und Zellenverhalten

Ich will ja nicht Tabellenzellen scrollbar machen, sondern eine ganze Tabelle - bis auf die Überschriften eben. Also etwa so:

+---------+----------+-----------+
| vorname | nachname | adresse   |
+---------+----------+---------+-+  <-- scrollbar
| klaus   | muster   | dort    |v|      von hier
| theo    | otto     | hier    +-+
| peter   | rauh     | wosonst | |
| petra   | lümmel   | gasse   | |
| rita    | senf     | weg 2   +-+
| gernot  | sieger   | strasse +-+
| petra   | lümmel   | gasse   | |
| petra   | grau     | gasse 2 +-+
| petra   | lümmel   | gasse   |^|
+---------+----------+---------+-+  <-- ...bis hier

^                              ^
|                              |
+-- und von hier .. bis hier --+

Das Problem ist ja, dass es für den Tabellenkörper keinen Container gibt.

Danke trotzdem.
Basti

PS:
Warum benutzt du in deinem Tutorial td.head, anstatt th?

6 Antwort von Tink

  • Tink
  • devshare.de Team
  • Offline
  • Herkunft: München
  • Registrierungsdatum: 18-05-2001
  • Beiträge: 1.398

Re: Scrollbare Tabellen und Zellenverhalten

Das Problem ist ja, dass es für den Tabellenkörper keinen Container gibt.

Und was ist dann das tbody Element?
http://de.selfhtml.org/html/tabellen/au … erper_fuss

Hab's nich getestet, aber kann man da kein CSS drauflegen?

tink

Beleidigungen sind die Argumente derer, die keine Argumente haben

Tink's Webseite

7 Antwort von Basti

  • Basti
  • Ehrenmitglied
  • Offline
  • Registrierungsdatum: 27-09-2001
  • Beiträge: 2.126

Re: Scrollbare Tabellen und Zellenverhalten

Ja, stimmt. Aber da kommt bei mir nur Mist bei raus, genauso, wie wenn ich ein span oder div drumlegen (was ja ohnehin nicht die feine Art wäre). Vielleicht hat ja jemand von euch den entscheidenden Einfall - wäre ja fein, wenn sowas mit HTML hinzukriegen sei.

Übrigends:
Spuckt bei euch de.selfhtml.org seit einiger Zeit (vielleicht auch seit dem Umzug auf diese Domain - hatte da lange nicht reingeschaut) fast nur kaputte Seiten aus? Ab und an kann ich mal in SELFHTML rumblättern, aber meistens geht da garnix - weder mit dem Firefox, noch mit dem Konqueror...?

Basti

8 Antwort von maik-l

  • Registrierungsdatum: 17-02-2002
  • Beiträge: 25

Re: Scrollbare Tabellen und Zellenverhalten

hi basti,

da hast du wohl meine scrollfähige :::mp3.playlist::: noch nicht angeschaut...???!!!


greez, maik.l

:::michaels::interface:::

maik-l's Webseite

9 Antwort von Basti

  • Basti
  • Ehrenmitglied
  • Offline
  • Registrierungsdatum: 27-09-2001
  • Beiträge: 2.126

Re: Scrollbare Tabellen und Zellenverhalten

> wenn ich den Spalten feste Breiten zuordne, dann kann ich ja auch mit div's den
> gleichen Effekt erzielen (nur, dass die Tabellenüberschriften im Quellcode dann
> eben nichtmehr als solche definiert sind).

Deine Hilfsbereitschaft in allen Ehren, aber lies doch erstmal einen Thread, bevor du antwortest. Danke.

Basti

10 Antwort von maik-l

  • Registrierungsdatum: 17-02-2002
  • Beiträge: 25

Re: Scrollbare Tabellen und Zellenverhalten

du hast nach einer scrollfähigen tabelle via CSS gefragt, und ich habe dir den link zu meinem tutorial genannt...

dann schreibst du, dass du eine komplette tabelle scrollen willst, bei der die tabellenüberschriften stehen bleiben sollen und codierst ein visuelles demo des tabellenkonzeptes, well done!

das prinzip meiner 'mp3.playlist' mit vier festen spaltenköpfen (# - artist - track - time) und 82 scrollfähigen einträgen (zeilen) ist doch mit dem deiner tabelle identisch.... (???)

und was haben feste spaltenbreiten mit der grundlegenden technik einer scrollfähigen tabelle zu tun, nach der du eingangs gefragt hast???

anmerkung: wenn dir meine lösungsvorschläge / -ansätze nicht weiterhelfen bzw. genügen, dann ist das für dich noch lange kein grund, mir so 'nen unbegründeten spruch an den kopf zu werfen.


maik.l

:::michaels::interface:::

maik-l's Webseite

11 Antwort von Basti

  • Basti
  • Ehrenmitglied
  • Offline
  • Registrierungsdatum: 27-09-2001
  • Beiträge: 2.126

Re: Scrollbare Tabellen und Zellenverhalten

Hi.

Okay, ich muss zugeben, ich habe meine Frage sehr missverständlich formuliert. Ich dachte, dass klar wird, dass, wenn ich nach einer scrollbaren Tabelle spreche, ich keine scrollbare Tabellenzelle meine - aber das hätte ich sicherlich besser ausformulieren können.

Und die Lösung, die du zuletzt beschreibst, war mir eben auch schon gekommen. Ich hab sie zwar nicht detailiert beschrieben, aber das Prinzip - den Spalten feste Breiten zu geben und Tabellenheader und -body in unterschiedliche div's zu legen hab ich ja skizziert.

Ich möchte mich entschuldigen, dir Sprüche an den Kopf geknallt zu haben.

Es ist nicht so, dass ich 'sauer' war, dass deine Lösungsansätze ungenügend gewesen wären - für mich war nur einfach klar, dass du mein Anliegen hättest verstehen können, wenn du den Text 'richtig' gelesen hättest (und das kekst mich einfach an, wenn jemand Lösungen nennt, die bereits besprochen wurden). Aber dieses 'richtig' gelesen hab ich eben nur mit meinen eigenen Augen betrachtet. Sicher, einige der anderen 'Stammkunden' hier können vielleicht eher einschätzen, dass ich überhaupt nicht auf Diskrepanzen zwischen Code und Layout stehe und haben sich daher vielleicht besser zusammenreimen können, worum es mir ging. Es war nicht klug von mir, mein Anliegen derart schwammig zu schildern und dich dann anzumachen, dass du es missverstanden hast.

Um es also nochmal klar zu sagen: Ich will (eigentlich wollte, denn ich war inzwischen schon auf XUL umgestiegen und mitlerweile hab ich das ganze Projekt gecanclet) eine solche Tabelle, die in einer (X)HTML-Tabelle definiert ist - keine Workarounds mit zwei Tabellen, deren Spalten gleich breit sind.

Also nochmal sorry und danke für dein Engagement (der Dank geht natürlich auch an alle anderen..)

Basti