Bagaimanakah jqGrid Mengekalkan Lebar Sel Jadual Tetap Walaupun Kandungan Melimpah?

Lebar Sel Jadual Tetap: Misteri Terbongkar

Menetapkan lebar sel jadual tetap selalunya menimbulkan cabaran, kerana sel HTML cenderung untuk berkembang untuk menampung kandungan yang melimpah. Tetapi jqGrid menentang konvensyen ini, mengekalkan lebar sel tetap walaupun saiz kandungan. Bagaimanakah ini dicapai?

Kuncinya terletak pada tag, yang mentakrifkan sifat lajur untuk semua baris dalam jadual. Dengan menentukan lebar untuk setiap lajur menggunakan , anda boleh mengawal lebar semua sel dalam lajur itu.

Walau bagaimanapun, untuk memastikan kandungan sel tidak mengatasi yang ditentukan lebar, anda perlu menggunakan penggayaan tambahan. Tetapkan gaya susun atur jadual jadual kepada tetap untuk mengunci lebar lajur pada tempatnya. Selain itu, tetapkan gaya limpahan sel jadual kepada tersembunyi untuk mengelakkan kandungan daripada menolak melebihi sempadan sel.

Berikut ialah coretan kod sampel:

<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; }

Dengan melaksanakan teknik ini, anda boleh mencapai lebar sel jadual tetap, memastikan susun atur jadual anda kekal konsisten walaupun dengan panjang kandungan yang berbeza-beza.

Atas ialah kandungan terperinci Bagaimanakah jqGrid Mengekalkan Lebar Sel Jadual Tetap Walaupun Kandungan Melimpah?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!