jsonecho

JSON σε HTML Table

Μετατρέψτε μια σειρά JSON σε καθαρό πίνακα HTML, με ζωντανή προεπισκόπηση.

Φόρτωση εργαλείου...

Πώς να χρησιμοποιήσετε το JSON σε HTML Table

  1. Επικολλήστε το array JSON σας.
  2. Επιλογικά εισάγετε μια κλάση CSS για τον πίνακα.
  3. Ελέγξτε την καρτέλα Προεπισκόπηση, και μετά αντιγράψτε το HTML.

Σχετικά με το JSON σε HTML Table

Χρειάζεται να δείξετε λίγα δεδομένα JSON σε μια ιστοσελίδα χωρίς να γράψετε πρότυπο; Το εργαλείο δημιουργεί έναν απλό πίνακα HTML: μια γραμμή κεφαλίδας από τα κλειδιά, μία γραμμή ανά εγγραφή και χαρακτήρες διαφυγής σε όλες τις τιμές για ασφαλή επικόλληση σε σελίδα.

Δεν παίρνεις στυλ, μόνο τη δομή, έτσι το CSS σου αποφασίζει πώς θα φαίνεται. Προσθέστε ένα όνομα κατηγορίας στις επιλογές αν θέλετε ο πίνακας να πάρει ένα στυλ πλαίσιο όπως table table-striped.

Συχνές ερωτήσεις

Είναι ασφαλές να δημοσιευθεί το HTML;

Στις τιμές προστίθενται χαρακτήρες διαφυγής, ώστε οι γωνιακές αγκύλες και τα & στα δεδομένα να μην δημιουργούν markup. Ακόμα αποφασίζεις πού πηγαίνει το τραπέζι στην σελίδα.

Χρησιμοποιεί στυλ σε γραμμή;

Όχι, μόνο το τραπέζι, τα στοιχεία θ, θ, θ, θ και θ. Στίλ το με το δικό σου CSS.

Τι γίνεται με τα κολλημένα αντικείμενα;

Είναι επίπεδη σε στήλες με σημειωμένα ονόματα, έτσι κάθε κύτταρο έχει μια απλή τιμή.

Περισσότερα στην κατηγορία Μετατροπείς

Όλα τα εργαλεία →