Bagaimana untuk Mengunci Pengepala Jadual dan Lajur Pertama dengan JavaScript?

Mengunci Pengepala Jadual dan Lajur Pertama dengan JavaScript

Membekukan anak tetingkap meja ialah keperluan biasa dalam hamparan dan jadual, membenarkan pengguna menatal tanpa kehilangan konteks dengan mengunci baris atau lajur tertentu. Walaupun CSS tidak mempunyai keupayaan untuk mengunci elemen jadual, JavaScript menawarkan penyelesaian.

Penyelesaian JavaScript

Untuk mencapai fungsi ini, pemalam JavaScript seperti fixed-table-rows -cols boleh diambil bekerja. Pemalam sumber terbuka ini menyediakan penyelesaian mudah untuk mencipta jadual boleh tatal dengan pengepala dan lajur jadual tetap.

Pemalam menukar jadual HTML yang diformat dengan baik kepada jadual boleh tatal dengan lajur dan pengepala tetap. Penggunaannya adalah mudah, seperti yang ditunjukkan di bawah:

<code class="javascript">$('#myTable').fxdHdrCol({
    fixedCols    : 3,       /* 3 fixed columns */
    width        : "100%",  /* set the width of the container (fixed or percentage)*/
    height       : 500      /* set the height of the container */
});</code>

Pilihan fixedCols menentukan bilangan lajur untuk dikunci, manakala pilihan lebar dan ketinggian mengawal dimensi bekas. Untuk mengunci baris pertama dan lajur pertama, tetapkan fixedCols kepada 1.

Dengan menggunakan pemalam ini, pembangun boleh melaksanakan fungsi mengunci jadual dengan mudah dengan beberapa baris kod, memastikan pengguna boleh menavigasi melalui set data yang besar tanpa kehilangan penglihatan maklumat kritikal.

Atas ialah kandungan terperinci Bagaimana untuk Mengunci Pengepala Jadual dan Lajur Pertama dengan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!