{"id":68,"date":"2017-02-10T04:37:05","date_gmt":"2017-02-10T03:37:05","guid":{"rendered":"http:\/\/evileu.de\/zum-schwarzen-pinguin\/?p=68"},"modified":"2017-02-10T04:43:15","modified_gmt":"2017-02-10T03:43:15","slug":"html-tabellenausgabe-als-beispiel","status":"publish","type":"post","link":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/2017\/02\/10\/html-tabellenausgabe-als-beispiel\/","title":{"rendered":"HTML Tabellenausgabe als Beispiel"},"content":{"rendered":"<p>Wir waren gestern bei der Ausgabe eines Select* auf die wp_posts stehengeblieben. Wie man so etwas mit ein wenig HTML h\u00fcbscher formatiert sollte eigentlich bekannt sein, aber ich zeigs hier mal als grundlegendes Beispiel ohne grosse Erkl\u00e4rungen.<\/p>\n<pre>echo \"&lt;table&gt;\";\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\/\/ Titelzeile ausgeben\r\n\u00a0\u00a0 \u00a0echo \"&lt;tr&gt;&lt;td&gt;ID&lt;td\/&gt;&lt;td&gt;post_status&lt;\/td&gt;&lt;td&gt;post type&lt;\/td&gt;&lt;\/tr&gt;\";\r\n\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\/\/Eine Zeile pro Datensatz ausgeben\r\n\u00a0\u00a0 \u00a0foreach ( $alleposts as $einpost ) { \u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0echo \"&lt;tr&gt;&lt;td&gt;\".$einpost-&gt;ID.\"&lt;td\/&gt;\";\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0echo \"&lt;td&gt;\".$einpost-&gt;post_status.\"&lt;\/td&gt;\";\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0echo \"&lt;td&gt;\".$einpost-&gt;post_type.\"&lt;\/td&gt;\";\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0echo \"&lt;\/tr&gt;\";\r\n\u00a0\u00a0 \u00a0}\r\necho \"&lt;\/table&gt;\";<\/pre>\n<p>Die thead und tbody Tags sind hier nicht dabei, aber die brauchen wir sp\u00e4ter noch, ich hab sie mal vorauseilend mit dazu erw\u00e4hnt.<br \/>\nDas Ergebnis sollte jetzt in etwa so aussehen:<\/p>\n<div id=\"attachment_164\" style=\"width: 772px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-164\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-164 size-full\" src=\"http:\/\/evileu.de\/systemberatung\/wp-content\/uploads\/2017\/02\/html_tabelle.jpg\" alt=\"html_tabelle\" width=\"762\" height=\"487\" \/><p id=\"caption-attachment-164\" class=\"wp-caption-text\">html_tabelle<\/p><\/div>\n<p>Wie die Tabelle letztendlich genau gestylt wird, h\u00e4ngt von ihrem Theme ab, aber wir lassen es jetzt mal bei der schlichten Darstellung, OK?<\/p>\n<p>Sie k\u00f6nnen mit unserem SQL-Statement ruhig ein bi\u00dfchen rumschussern, ein &#8222;ORDER BY post_title&#8220; sortiert die Ausgabe nat\u00fcrlich alphabetisch nach Titel, ein &#8222;ORDER BY post_date &#8220; nach Datum und so weiter. Es ist auch gestattet noch mehr Felder hinzuzunehmen, das geht in unserem Beispiel immer mit $einpost-&gt;&#8217;feldname&#8216;, spielen sie hier ruhig auch ein bi\u00dfchen rum. F\u00fcr den besseren \u00dcberblick empfehle ich, die Titelzeile der HTML-Tabelle ebenfalls immer entsprechend anzupassen.<\/p>\n<p>Und wenn sie mit ihrer Ausgabe zufrieden sind, spendiere ich ein h\u00fcbsches Plugin, aber erst im n\u00e4chsten Artikel.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wir waren gestern bei der Ausgabe eines Select* auf die wp_posts stehengeblieben. Wie man so etwas mit ein wenig HTML h\u00fcbscher formatiert sollte eigentlich bekannt sein, aber ich zeigs hier mal als grundlegendes Beispiel ohne grosse Erkl\u00e4rungen. echo &#8222;&lt;table&gt;&#8220;;\u00a0\u00a0 \u00a0 \u00a0\u00a0 \u00a0 \u00a0\u00a0 \u00a0\/\/ Titelzeile ausgeben \u00a0\u00a0 \u00a0echo &#8222;&lt;tr&gt;&lt;td&gt;ID&lt;td\/&gt;&lt;td&gt;post_status&lt;\/td&gt;&lt;td&gt;post type&lt;\/td&gt;&lt;\/tr&gt;&#8220;; \u00a0\u00a0 \u00a0 \u00a0\u00a0 \u00a0\/\/Eine Zeile [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[7,4,2],"tags":[],"_links":{"self":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/68"}],"collection":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/comments?post=68"}],"version-history":[{"count":3,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/68\/revisions"}],"predecessor-version":[{"id":71,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/posts\/68\/revisions\/71"}],"wp:attachment":[{"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/media?parent=68"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/categories?post=68"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/evileu.de\/zum-schwarzen-pinguin\/wp-json\/wp\/v2\/tags?post=68"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}