ueberschrift Tabelle - Druckversion +- Javascript-forum (https://javascript-forum.de) +-- Forum: Entwicklung (https://javascript-forum.de/forumdisplay.php?fid=4) +--- Forum: Css (https://javascript-forum.de/forumdisplay.php?fid=7) +--- Thema: ueberschrift Tabelle (/showthread.php?tid=2029) |
ueberschrift Tabelle - black79 - 14.01.2023 Hallo, hier meine Tabelle : https://oesoft.de die Spalten der Überschrift (position:fixed ) bedecken die erste Zeile der Tabelle Code: <div class="container_table"> Code: th { RE: ueberschrift Tabelle - rzscout - 14.01.2023 Wieso position: fixes??? Wieso? Du solltest deine Tabelle nicht mit 'position: fixed;' austatten. Verwende 'p' anstatt den 'font'-Tag. Du solltest nicht der Tabelle die CSS-Eigenschaft 'overflow', sondern dem Elternelement 'jstable_test'. Verwende keinen width-Attribut in den td-Tags. Gebe der Tabelle eine feste Größe. Am besten gebe dem Elternelement die CSS-Eigenschaft 'overflowcroll' und gebe den Elternelement eine feste Größe. Die Größe der Tabelle solltest du auf 100%. Viele Grüße rzscout RE: ueberschrift Tabelle - black79 - 15.01.2023 (14.01.2023, 21:21)rzscout schrieb: Wieso position: fixes??? Wieso? Guten Morgen, also ich soll einiges über JavaScript DOM Elemente regeln bzw. CSS über Typselektoren. Wenn ich Dich richtig verstanden habe. "position: fixed" kommt raus ! Danke RE: ueberschrift Tabelle - rzscout - 15.01.2023 Folgendes: Ich würde auch empfehlen eine Pagination einzuühren. Keiner liest sich alle Werte durch, da würde eine Pagination weiter helfen. Du solltest auch dich an den HTML5-Standard halten wenn du diesen oben so deklariert hast. Also keine font-Tags in HTML mehr. Verwende auch nicht in den td-Tags das Attribut width - hier solltest du mit CSS arbeiten. Es ist wichtig so gut wie möglich HTML von CSS zu trennen. Das gillt auch für JavaScript. Hier sollte man ein Inline-Skript verwenden. RE: ueberschrift Tabelle - black79 - 15.01.2023 (15.01.2023, 13:57)rzscout schrieb: Folgendes: Ich würde auch empfehlen eine Pagination einzuühren. Keiner liest sich alle Werte durch, da würde eine Pagination weiter helfen. Du solltest auch dich an den HTML5-Standard halten wenn du diesen oben so deklariert hast. Also keine font-Tags in HTML mehr. Verwende auch nicht in den td-Tags das Attribut width - hier solltest du mit CSS arbeiten. Es ist wichtig so gut wie möglich HTML von CSS zu trennen. Das gillt auch für JavaScript. Hier sollte man ein Inline-Skript verwenden. Ok, werde hier noch einiges nachlesen müssen aber das ist der Lerneffekt. Pagination "ist schon nicht ohne!" für einen Anfänger oder? Versuche mich jetzt erstmal von Boostrap zu trennen, und dementsprechend alles mit CSS umzusetzen. Werde Deine Vorschläge bzw. Deine Hilfe versuchen nach und nach umzusetzen. Danke für Deine Hilfe RE: ueberschrift Tabelle - rzscout - 15.01.2023 Aller Anfang ist schwer, wenn man viel mit jQuery und Bootstrap gearbeitet hat muss sich umorientieren, aber dafür hast die volle Kontrolle über deine Elemente und kannst selber festlegen wie die Inhalte via CSS gestaltet werden. Ich habe in der Vergangenheit viel mit Bootstrap gearbeitet. Ich war nie der größte Fan, aber man konnte einiges damit erreichen. Heutzutage ist das alles überflüssig und zu 100% durch reines CSS austauschbar. Du brauchst nicht mehr dich an Bootstrap orientieren sondern kannst dich auf die Standards von HTML5 und CSS3 konzentrieren. Damit sparst du auch Traffic und Performance. VG rzscout RE: ueberschrift Tabelle - admin - 16.01.2023 (15.01.2023, 17:35)black79 schrieb: Ok, werde hier noch einiges nachlesen müssen aber das ist der Lerneffekt. Das mit der Pagination hatten wir ja schon mal https://basti1012.bplaced.net/index.php?ordner=javascriptforum&id=793 So schwer ist es eigentlich nicht und besser als immer alle Daten zu holen , gerade bei Tabellen mit mehreren hunderten Einträgen. Hier hatte ich mal Beis |