PHP Datenbank Tabelle als Responsive Tabelle ausgeben?

Hallo Communety,

ich habe bisher eine statische Tabelle ausgegebem. Doch wie mache ich das responsiv?

Gruß

Platofan23

https://pastebin.com/24dFLv3v

3 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

PC, Computer, SQL

17.11.2019, 19:04

Ich würde zuerst einmal den den HTML-Part vom PHP-Code deutlicher trennen. So hast du im Editor mehr Übersicht, Syntax-Highlighting für dein HTML kann wieder durchgeführt werden und Fehler wie dein doppelter table-Tag oder das border-Attribut (längst deprecated, setze den Rahmen mit CSS) lassen sich schneller finden.

  $sql = $con->prepare("SELECT * FROM arbeitszeit ORDER BY (?);");
  $sql->bind_param("s", $sortieren);
  $sql->execute();
  $result = $sql->get_result();
  $finfo = $result->fetch_fields();
?>

<table class="info-table">
  <thead>
    <tr>
      <th></th>
      <?php foreach ($finfo as $val): ?>
        <th><?= $val->name ?></th>
      <?php endforeach; ?>
    </tr>
  </thead>
  <tbody>
    <?php while ($row = mysqli_fetch_assoc($result)): ?>
      <tr>
        <?php foreach ($row as $value): ?>
          <td><?= $value ?></td>
        <?php endforeach; ?>
      </tr>
    <?php endwhile; ?>
  </tbody>
</table>

CSS:

table,
th,
td {
  border: 1px solid;
}

Um die Tabelle nun responsiv zu gestalten, gibt es verschiedene Ansätze. Hier eine prozentuale maximale Breite zu definieren, mag ein erster sein. Bei viel Inhalt und mit Zunahme der Spaltenanzahl macht sich das aber vor allem auf mobilen Geräten (mit bspw. 320px Breite) nicht so gut, denn die Spalten werden mehr und mehr gequetscht.

Andere Optionen:

Man baut sich selbst eine Tabelle zusammen (Beispiel) und schafft sich somit eine einfacher kontrollierbare Alternative, die bspw. umbrechen kann. Man sollte dabei jedoch beachten, dass die eigentliche Semantik / Beziehung zwischen den Elementen verloren geht, die normalerweise durch td, th, etc. ausgezeichnet werden. Vielleicht könnte man aria-Attribute an dieser Stelle einsetzen.
Man verkürzt Spalten oder blendet sie aus. Möglicherweise reicht eine reduzierte Variante aus. Denkbar wären auch ein-/aufklappbare Spalten.
Schau dir die JS-Bibliothek tablesaw an.
Noch andere Ideen: https://blog.kulturbanause.de/2012/06/tabellen-im-responsive-webdesign/

platofan23

Fragesteller

19.11.2019, 18:38

Danke habs mit dem Beispiel geschafft. Deine Hilfe ist TOP wie immer :D

tom20032005

17.11.2019, 19:06

NIEMALS für jede Zeile einen Echo Befehl nutzen. Schreib lieber in HTML den PHP befehl und setze den HTML Code in eine Schleife.

Man kann übrigens auch googlen. Was heißt responsive? Meinst du einfach eine Tabelle die die Größe verändert? Dann Gib ihm eine breite in %.

Woher ich das weiß:Studium / Ausbildung – Seit vielen Jahren am coden.

platofan23

Fragesteller

19.11.2019, 18:39

Dankee für den Tipp. habs getrennt. nun ist es einfach und wie ich will ^^

blonhk112

17.11.2019, 17:08

Du gibst der Tabelle ein width z.B width:80%; dann wird die Tabelle immer 80% weite haben egal wie kleiner oder größer die Seite wird.

Woher ich das weiß:Hobby – Viele YouTube Tutorials

platofan23

Fragesteller

19.11.2019, 18:38

Da fehlte noch ein bisschen XD

blonhk112

19.11.2019, 18:47

@platofan23

Wie meinst du das?

Ähnliche Fragen

PHP + SQL - PHP Registrierung?

Hi, suche einen Code, der in einer bestehenden Tabelle einer MySQL Datenbank Variablen einführt... Als Beispiel Nickname und Kennwort. Dazu halt ein HTML Formular...

...zur Frage

Werte aus einer Datenbankspalte addieren und ausgeben?

Hallo :)

Ich möchte mittels php aus einer Datenbank die Werte einer Spalte, in der double Zahlen gespeichert sind, addieren und in einer Variable spiechern.

BIsher habe ich:

$var = mysqlresult(mysqliquery('SELECT SUM(spalte) FROM tabelle'), 0);

und möchte dies dan mit

echo $var;

ausgeben, doch es kommt nichts.. kann mir jemand helfen? LG

...zur Frage

Flask MySQL Datenbank?

Hallo,

ich möchte in meiner Flask App auf eine MySQL Datenbank zugreifen. Es gibt ja jede menge Möglichkeiten das umzusetzen. Was ist die beste und sicherste?
Zur Info: Ich habe vorher in PHP mit PDO gearbeitet.

Edit: Ich würde es bevorzugen, wenn ich es ohne Objekte/Klassen für die jeweilige Tabelle nutzen kann.

...zur Frage

Datenbank Alternative?

Welche Alternative gibt es zu Datenbanken? Ich brauche für meine Web-App nur 10 Variablen die ich speichern muss und eine Datenbank mit einem Tupel ist hierfür ja nicht die richtige Wahl. Ich würde gern JSON oder XML Files verwenden und da einfach die Variablen speichern, aber ich weiß auch nicht ob das die richtige Wahl ist. Ich habe 5 PHP Files und auf 3 muss ich die 10 Variablen ausgeben.

...zur Frage

PHP: MySQL Tabelle leeren?

Hey.

Mein Kollege und ich sind die ganze Zeit schon dran, eine Tabelle in einer MySQL Datenbank über PHP zu löschen bzw. den Inhalt zu leeren.
Wir haben schon die unterschiedlichsten Anweisungen ausprobiert, doch nichts funktioniert!

Das ist unser Code:

<?php

//DB-Connection

$sql = ("DELETE FROM tabelle");

<?

Die DB ist erstmal eine Test-Datenbank mit random Inhalt:

Der Code gibt im XAMPP-localhost-Tab nichts aus.

Danke für jede Hilfe und Antwort :)

...zur Frage

Verschachtelte sql abfrage bzw. sortierung?

So, ich habe ein Problem.

Gerne möchte ich daten als liste aus einer datenbank laden. diese daten sollen seiten anzeigen als tabelle, diese seiten haben aber teilweise untergeordnete seiten die in der datenbank unter 'parent' die 'id' des elternelementes und diese wiederum können auch untergeordnete seiten haben.

wie gestalte ich die datenbankabfrage wenn ich die seiten anzeigen will in einer tabelle in der erst die "Höchste" nach dem 'sort' wert absteigend und zwischen diesem sort und dem nächsten "höchsten" datensatz dazwischen die unterseiten erscheinen?

hier ein bild der Tabelle:

anhin ein codeschnipsel der tabelle die ich schon habe:

<?php if (!empty($pages)): ?>
    <table>
        <thead>
            <tr>
                <th>ID</th>
                <th>Link</th>
                <th>Titel</th>
                <th>Navigationselement</th>
                <th>Aktionen</th>
            </tr>
        </thead>
        <tbody>
            <?php foreach($pages AS $page): ?>
                <tr>
                    <td><?php echo e($page->id); ?></td>
                    <td><?php echo e($page->slug); ?></td>
                    <td><?php echo e($page->title); ?></td>
                    <td><?php echo e($page->nav); ?></td> 
                    <td>
                        <form method="POST" action="./?route=admin/page/delete">
                            <input type="hidden" name="csrf_token" value="<?php echo csrf_token(); ?>" />
                            <input type="hidden" name="id" value="<?php echo e($page->id); ?>" />
                            <input type="submit" value="Löschen" class="button-as-link" />
                        </form>
                        <a href="./?route=admin/page/edit&id=<?php echo e($page->id); ?>">Editieren</a>
                    </td>
                </tr>
            <?php endforeach; ?>
        </tbody>
    </table>
<?php else: ?>
    <p>Es wurden noch keine Seiten angelegt.</p>
<?php endif; ?>

...zur Frage

Flutter Datenbankanbindung?

Hey, ich habe eine MySQL Datenbank und möchte diese nun mit meiner Flutter App verbinden, sodass ich dann in einer ListView Daten ausgeben kann.

Bisher hab ich im Internet etwas über Firebase bzw. MySQL Lite gelesen, aber das ist ja nicht das richtige, da ich ja eine MySQL Datenbank habe.

Wie kann ich nun meine App mit der MySQL Datenbank verbinden und anschließend Daten abfragen und ausgeben?

...zur Frage

Werte in MySQL-Datenbank über PHP in Webseite ausgeben?

Hey.
Ich soll Werte in einer MySQL-Datenbank (über PHPMyAdmin auf XAMPP) in einer Seite anzeigen lassen (dieses soll dann später in WordPress installiert werden).

Ich habe lange gegooglet, finde aber nichts, wie ich das mit PHP machen kann.

Danke für jede Antwort :)

...zur Frage

PHP/HTML - Wie kann ich in jeder Zelle meiner Tabelle ein Dropdownmenü ausgeben?

Hallo zusammen,

folgendes Problem:

Ich möchte eine Tabelle haben, die in jeder Zelle ein Dropdownmenü hat. Später möchte ich die ausgewählten Werte in der Datenbank speichern.

Da die Tabelle selbst nicht statisch und aufgrund von anderen Parametern größer/kleiner, etc. ist, kann ich nicht in jede Zeile das Dropdown hineinschreiben.

Mein Dropdownmenü (welches einzeln einwandfrei funktioniert):

<form id="form" name="form" method="post">
  <select Vorname2='NEW'>
    <option value=""> </option>
    <?php while ($cat = mysqli_fetch_array($vornamen,MYSQLI_ASSOC)):; ?>
      <option value="<?php echo $cat['vorname'];?>">
        <?php echo $cat['vorname'];?>
      </option>
    <?php endwhile; ?>
  </select>
</form>

Wenn ich diesen Code zweimal verwende (auch unter anderem Namen), dann kann ich dennoch nur bei dem Menü etwas auswählen, welches zuerst im Quelltext vorkommt.

Die Wiederholungen versuche ich mit einer Loop gleichzeitig mit dem Aufbau der Tabelle zu intigrieren. In jede einzelne "Test"-Zeile soll später das Dropdownmenü.

  for ($x = 0; $x < $anzahltage; $x++) {
    echo "<tr>";
      echo "<td>";
?>
    Hier steht der Quelltext von oben
<?php
  echo "</td>";
  echo "<td> test 2</td>";
  echo "<td> test 3</td>";
  echo "<td> test 4</td>";
  echo "<td> test 5</td>";
  echo "<td> test 6</td>";
  echo "</tr>";
}

Gibt es da bessere Ideen?

Ich bin nicht so gut im Programmieren. Ich kenne nicht alle Befehle. Also bitte nicht zu streng sein. :)

...zur Frage

Datenbank export zu Excel #PHP #HTML #SQL?

Ich stehe von dem Schritt einige Daten aus meiner Online-Plattform (SQL-Datenbank) per Knopfdruck im Excel-Format downloadbar zu machen.

Meine Frage:

Wie zeitgemäß ist es, eine HTML-Tabelle via HTTP-Header zum download aufzubereiten?

Ich möchte bitte keine Diskussion über CSV oder XLS.

Mir geht es um:

header("Content-type: application/vnd-ms-excel");

XLSX

...zur Frage

Umlaute wollen nicht von der mysql Datenbank Konvertiert werden(Webseite, PHP)?

Ich hab in der mysql Umlaute gespeichert und wenn sie ausgegeben werden erscheinen rauten mit Fragezeichen, aber wenn ich umlaute manuel(per Code und nicht per Datenbank) ausgeben lasse werden die Umlaute ausgegeben

...zur Frage

SQL: Spalte für Durchnummerierung?

Ich arbeite an einem Interface für eine Datenbank. Es ist eine HTML Tabelle, in denen Inpute Felder type="text" sind.

Jetzt rufe ich, wenn ich einen Button drücke ein PHP Script auf, dass den Wert in der Tabelle ändern soll. Um das ganze gut hinzubekommen brauche ich eine Durchnummerierung. Wenn ich aber eine Spalte mit auto_increment erstelle und danach wieder Elemente lösche und hinzufüge, geht die Nummerierung nicht wieder von 0 bzw. 1 los, sondern, als wären die gelöschten Elemente noch da.

Das zerstört mein System komplett.

Gibt es eine gute Möglichkeit das hinzubekommen?

...zur Frage

Prüfen ob eine SQL SELECT-Abfrage einen Inhalt zurückgibt?

Ich habe in PHP mit SQL einen Wert aus einer Datenbank abgefragt. Gibt es eine Möglichkeit zu überprüfen ob es einen Inhalt gibt. Also quasi wenn die Abfrage so lautet:

SELECT * FROM `TABELLE` WHERE `ID`=1234

Ausgelöst wird wenn es keine Zeile mit ID=1234 gibt?

Danke im Vorraus,

Bohne47

...zur Frage

PHP: Wie leere ich ein Formular?

Hallo!

Ich möchte gerne mein PHP Formular nach dem Absenden an eine Datenbank leeren. Bisher ist es so, dass wenn ich das Formular ausfülle und absende, alles in die Datenbank geschrieben wird. Aktualisiere ich die Seite aber im Anschluss wird exakt das gleiche noch Mal in die Datenbank geschrieben. In das soll nicht passieren. Wenn ich die Seite aktualisiere soll einfach nichts in die Datenbank geschrieben werden.

Im voraus vielen Dank!

MfG

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen