Σταθερό πλάτος κελιών πίνακα

Πολλοί άνθρωποι εξακολουθούν να χρησιμοποιούν πίνακες για τη διάταξη στοιχείων ελέγχου, δεδομένων κ.λπ. - ένα παράδειγμα είναι το δημοφιλές jqGrid. Ωστόσο, συμβαίνει κάποια μαγεία που δεν μπορώ να καταλάβω (οι πίνακες του για όνομα του Θεού, πόση μαγεία θα μπορούσε να υπάρχει;)

Πώς είναι δυνατόν να ορίσετε το πλάτος των στηλών ενός πίνακα και να υπακούει όπως κάνει το jqGrid; Αν προσπαθήσω να το αναπαράγω, ακόμα και αν ορίσω κάθε <td style='width: 20px'>, μόλις το περιεχόμενο ενός από αυτά τα κελιά είναι μεγαλύτερο από 20px, το κελί επεκτείνεται!

Καμία ιδέα ή διορατικότητα;

Christopher Rapcewicz
Επεξεργασμένη ερώτηση Κάνε Δεκέμβριος 2013 в 6:21
Προγραμματισμός
html css layout html-table
Κάνε Νοέμβριος 2010 в 3:21
5 προβολές
Λύση

Θα μπορούσατε να δοκιμάσετε να χρησιμοποιήσετε την ετικέτα `για να διαχειριστείτε το στυλ του πίνακα για όλες τις γραμμές, αλλά θα πρέπει να ορίσετε το στυλtable-layout:fixedστο

ή την κλάση css των πινάκων και να ορίσετε το στυλoverflow` για τα κελιά.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/col

<table class="fixed">



    <tr>
        <td>text</td>
        <td>text</td>
        <td>text</td>
    </tr>
</table>

και αυτό είναι το CSS σας

table.fixed { table-layout:fixed; }
table.fixed td { overflow: hidden; }
Shane Hudson
Επεξεργασμένη απάντηση Κάνε Απρίλιος 2014 в 3:10
Σχόλια (6)
table td 
{
  table-layout:fixed;
  width:20px;
  overflow:hidden;
  word-wrap:break-word;
}
Bakudan
Επεξεργασμένη απάντηση Κάνε Μάιος 2013 в 3:50
Σχόλια (2)
table { 
    table-layout:fixed; width:200px;
}
table tr {
    height: 20px;
}

10x10

hafichuk
Επεξεργασμένη απάντηση Κάνε Ιανουάριος 2013 в 11:46
Σχόλια (0)