Αποκρινόμενη δημιουργία πινάκων HTML — Κύλιση για κινητά
Δημιουργήστε έναν πίνακα HTML οπτικά κάνοντας κλικ σε κελιά και πληκτρολογώντας — λάβετε καθαρή, σημασιολογική σήμανση πίνακα με ζωντανή προεπισκόπηση, χωρίς μορφή για επικόλληση ή μετατροπή.
Αποτέλεσμα
Αυτή η σελίδα ανοίγει το πρόγραμμα δημιουργίας πίνακα με ένα ευρύ δείγμα επτά στηλών που έχει ήδη συμπληρωθεί και το αποκριτικό περιτύλιγμα είναι ήδη ενεργοποιημένο, ώστε να μπορείτε να δείτε τη διόρθωση σε δράση αμέσως.
Οι μεγάλοι πίνακες είναι ένα από τα λίγα στοιχεία που το CSS με απλή απόκριση δεν μπορεί να ξαναροή — αναδιπλώσεις κειμένου, αλλά όχι οι στήλες, επομένως ένας πίνακας με έξι ή περισσότερες στήλες είτε ξεχειλίζει από την οθόνη είτε συμπιέζει κάθε κελί αδιάβαστα μικρό σε ένα τηλέφωνο. Αναδίπλωση του πίνακα σε ένα div με υπερχείλιση-x: το αυτόματο διατηρείται στο φυσικό του πλάτος και αφήνει τον επισκέπτη να το μετακινήσει προς τα πλάγια αντί να σπάσει τη διάταξη της σελίδας.
Προσθέστε ή αφαιρέστε στήλες για να ταιριάζουν με τα δικά σας δεδομένα, κάντε κλικ σε οποιοδήποτε κελί για να το επεξεργαστείτε και αντιγράψτε την ολοκληρωμένη σήμανση — το wrapper div προστίθεται μόνο όταν είναι ενεργοποιημένο αυτό το πλαίσιο ελέγχου, ώστε να μπορείτε να συγκρίνετε το αναδιπλωμένο και το ξετυλιγμένο HTML δίπλα-δίπλα.