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

Patricia Arquette
Lepaskan: 2024-11-05 07:11:01
asal
436 orang telah melayarinya

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>
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!