Πολλοί άνθρωποι εξακολουθούν να χρησιμοποιούν πίνακες για τη διάταξη στοιχείων ελέγχου, δεδομένων κ.λπ. - ένα παράδειγμα είναι το δημοφιλές jqGrid. Ωστόσο, συμβαίνει κάποια μαγεία που δεν μπορώ να καταλάβω (οι πίνακες του για όνομα του Θεού, πόση μαγεία θα μπορούσε να υπάρχει;)
Πώς είναι δυνατόν να ορίσετε το πλάτος των στηλών ενός πίνακα και να υπακούει όπως κάνει το jqGrid; Αν προσπαθήσω να το αναπαράγω, ακόμα και αν ορίσω κάθε <td style='width: 20px'>
, μόλις το περιεχόμενο ενός από αυτά τα κελιά είναι μεγαλύτερο από 20px, το κελί επεκτείνεται!
Καμία ιδέα ή διορατικότητα;
Θα μπορούσατε να δοκιμάσετε να χρησιμοποιήσετε την ετικέτα <col>
για να διαχειριστείτε το στυλ του πίνακα για όλες τις γραμμές, αλλά θα πρέπει να ορίσετε το στυλ table-layout:fixed
στο <table>
ή την κλάση css των πινάκων και να ορίσετε το στυλ overflow
για τα κελιά.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/col
<table class="fixed">
<col width="20px" />
<col width="30px" />
<col width="40px" />
<tr>
<td>text</td>
<td>text</td>
<td>text</td>
</tr>
</table>
και αυτό είναι το CSS σας
table.fixed { table-layout:fixed; }
table.fixed td { overflow: hidden; }
table td
{
table-layout:fixed;
width:20px;
overflow:hidden;
word-wrap:break-word;
}
table {
table-layout:fixed; width:200px;
}
table tr {
height: 20px;
}
10x10