Κατασκευή πίνακα οπτικά, λήψη καθαρού HTML. Ρύθμιση της δομής αριστερά (γραμμές, στήλες, κεφαλίδα, λεζάντα, περιγράμματα, χρώματα, στοίχιση), πληκτρολόγηση απευθείας στο πλέγμα ή επικόλληση δεδομένων TSV / CSV / Excel. Το HTML παράγεται σε πραγματικό χρόνο και εμφανίζεται τόσο ως κώδικας όσο και ως απομονωμένη ζωντανή προεπισκόπηση. Επιλογή της Κλασικής εξόδου (χαρακτηριστικά border / cellpadding) ή της Σύγχρονης εξόδου (ενσωματωμένο CSS), και στη συνέχεια αντιγραφή του κώδικα ή λήψη ενός αυτοτελούς αρχείου .html. Όλα εκτελούνται τοπικά — τίποτα δεν μεταφορτώνεται.
Διαστάσεις
Δομή
Μέγεθος & περιγράμματα
Εμφάνιση
Έξοδος
Επικόλληση δεδομένων χωρισμένων με tab/ νέα γραμμή (Excel ή TSV), ή χωρισμένων με κόμμα (CSV με υποστήριξη εισαγωγικών).
Κελιά5 × 5κλικ στο μικρό × στην άκρη γραμμής/στήλης για αφαίρεσή της
Πληκτρολόγηση στα κελιά ή πάτημα του Δημιουργία για παραγωγή του HTML.
Κώδικας HTML
Προεπισκόπηση
απομονωμένο - τα σενάρια είναι απενεργοποιημένα
Συμβουλές: το περιεχόμενο των κελιών διαφεύγει από προεπιλογή σε HTML, ώστε είσοδος τύπου <script> να μην μπορεί να σπάσει τον παραγόμενο κώδικα ή την προεπισκόπηση· η απενεργοποίηση του «Διαφυγή HTML κελιού» γίνεται μόνο όταν επιδιώκεται σκόπιμα η ένθεση σήμανσης. Οι γραμμές του Excel επικολλώνται ως TSV (το κουμπί «Εισαγωγή δεδομένων...» ανιχνεύει αυτόματα tab ή κόμματα). Το πλέγμα υποστηρίζει έως 100 γραμμές × 30 στήλες και το πλαίσιο προεπισκόπησης είναι απομονωμένο (χωρίς σενάρια).
Πίνακες με νόημα
Τα <th scope="col"> και scope="row" λένε στους αναγνώστες οθόνης τι περιγράφει κάθε κεφαλίδα, και ένα <caption> ονομάζει ολόκληρο τον πίνακα. Τα colspan και rowspan συγχωνεύουν κελιά για πραγματικά συγχωνευμένα δεδομένα, αλλά μπερδεύουν τους αναλυτές όταν χρησιμοποιούνται για οπτική διάταξη.
Χρησιμοποιούνται πίνακες για σχέσεις δεδομένων και CSS grid ή flexbox για διάταξη — οι πίνακες διάταξης βλάπτουν και την προσβασιμότητα και τη ρευστότητα.
