Testseite AMP CSV2Table

Mit Hilfe des Tags amp-csv2table:csvdateiname.csv (in eckigen Klammern) kann der Inhalt einer zuvor über die Dateiverwaltung hochgeladenen CSV-Datei in Tabellenform dargestellt werden.

Das Tag amp-csv2table kann neben dem Dateinamen noch weitere Parameter haben. Jetzt wird auch das Einfügen mit Hilfe des NON-WYSIWYG-Editors unterstützt.

Außerdem muss auch die Darstellung der Tabelle auf kleinen Bildschirmen verbessert werden. Dabei kann https://www.ampcssframework.com/tables hilfreich sein. Allerdings habe ich festgestellt, dass nicht alle table-relevanten Bestandteile vorhanden sind.

Weitere Parameter

Wenn neben dem Dateinamen noch weitere Parameter verwendet werden, dann müssen diese vollständig sein. Der vollständige Aufruf sieht so aus: amp-csv2table:dateiname|delimiter|id|filter|firstRowHeader|sortable|responsiv|tableclass

Dabei sind

• dateiname - der Name einer im CSV-Format strukturierten Datei. Bei der Datei-Auswahl werden die Formate .csv und .txt unterstützt. Wichtig ist aber vor allem der korrekte Ausbau der Datei
• delimiter - Das in der CSV-Datei verwendete Trennzeichen, üblich sind , (Komma) oder ; (Semikolon), Vorgabe bei amp-csv2table ist , (Komma)
• id - eine eindeutige Kennung, Vorgabe bei amp-csv2table ist csv
• filter - wird hier nicht verwendet (diese Funktion würde zusätzliches JavaScript erfordern was in AMP-gerechten Seiten nicht erlaubt ist)
• firstrowheader - erste Zeile wird als Überschriftzeile betrachtet und entsprechend hervorgehoben, mögliche Werte sind 0 oder 1, Vorgabe bei amp-csv2table ist 1
• sortable - wird hier nicht verwendet (diese Funktion würde zusätzliches JavaScript erfordern was in AMP-gerechten Seiten nicht erlaubt ist)
• responsiv - dadurch soll die Tabelle soweit wie möglich an kleine Bildschirme angepasst werden, mögliche Werte sind 0 oder 1, Vorgabe bei amp-csv2table ist 1
• tableclass - hier kann eine zusätzliche CSS-Klasse vergeben werden, es können auch mehrere Klassen sein, Vorgabe bei amp-csv2table ist table table-striped

In den meisten Fällen sollten die Vorgaben sinnvoll sein, so dass man amp-csv2table ohne weitere Parameter verwenden kann. Wenn man xxx mit zusätzlichen Parametern verwendet müssen diese zwar vollständig sein, man kann dabei aber leere Werte verwenden. Der Aufruf kann also auch so aussehen: amp-csv2table:dateiname||meineid|||||meineclasse

Beispiele Tabellen aus CSV-Dateien

Beispiel amp-csv2table:example-01.csv

Beispiel amp-csv2table:example-01.csv||meineid|||||meineklasse

⌃