Bagaimana untuk Mencipta Jadual Boleh Tatal dengan Baris dan Lajur Pertama Terkunci dalam JavaScript?

Mengunci Baris Pertama dan Lajur Pertama dalam Jadual Boleh Tatal

Dalam pertanyaan ini, pengguna bertujuan untuk mencipta jadual dengan baris pertama dan lajur pertama dikunci, serupa dengan ciri "tetingkap beku" dalam Excel. Jadual harus membenarkan penatalan mendatar dan menegak.

Untuk mencapai ini, CSS sahaja mungkin tidak mencukupi, yang membawa kepada penerokaan penyelesaian JavaScript. Satu penyelesaian yang disyorkan ialah pemalam JavaScript yang dipanggil "fixed-table-rows-cols".

Fixed-Table-Rows-Cols Plugin

Pemalam ini mengubah jadual HTML yang diformatkan menjadi jadual boleh tatal dengan pengepala dan lajur jadual tetap. Ia membolehkan penguncian baris dan lajur pertama.

Penggunaan:

$('#myTable').fxdHdrCol({
    fixedCols    : 3,       // Number of fixed columns
    width        : "100%",  // Width of the container
    height       : 500      // Height of the container
});

Faedah:

• Membenarkan penguncian lajur dan pengepala yang fleksibel
• Menyokong pelbagai saiz jadual
• Berfungsi merentas pelayar web utama

Untuk mendapatkan maklumat lanjut dan demo langsung, lawati GitHub pemalam repositori: https://github.com/meetselva/fixed-table-rows-cols

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