Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Membetulkan Baris Pengepala dan Lajur Pertama dalam Jadual Tatal dengan JavaScript?

Bagaimana untuk Membetulkan Baris Pengepala dan Lajur Pertama dalam Jadual Tatal dengan JavaScript?

Patricia Arquette
Patricia Arquetteasal
2024-11-05 07:11:01426semak imbas

How to Fix the Header Row and the First Column in a Scrolling Table with JavaScript?

Cara Mengunci Baris Pertama dan Lajur Pertama Jadual Tatal Menggunakan JavaScript

Mengunci baris pertama dan lajur pertama jadual apabila menatal boleh menjadi ciri berguna untuk jadual besar dengan maklumat penting di bahagian atas dan kiri. Walaupun CSS sahaja tidak dapat mencapai ini, JavaScript menawarkan penyelesaian.

Pertimbangkan pemalam fxdHdrCol sebagai penyelesaian JavaScript yang berpotensi. Pemalam ini menukar jadual HTML standard kepada jadual boleh tatal dengan pengepala dan lajur jadual tetap. Ia membenarkan jadual untuk menatal secara mendatar dan menegak sambil mengekalkan baris pertama dan lajur pertama di tempatnya.

Untuk menggunakan fxdHdrCol, hanya hantar parameter berikut kepada pemalam:

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

Dengan menyatakan parameter fixedCols, anda boleh menentukan bilangan lajur tetap dalam jadual. Anda juga boleh menetapkan lebar dan tinggi bekas agar sesuai dengan jadual.

Untuk demonstrasi dan dokumentasi yang lengkap, rujuk pautan yang disediakan dalam respons asal. Penyelesaian ini mengunci baris pertama dan lajur pertama jadual dengan berkesan, memberikan pengalaman menatal yang lebih mesra pengguna.

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

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn