JQuery Tables: Plugin untuk Membuat & Menguruskan Jadual

Artikel ini meneroka pelbagai plugin jQuery untuk meningkatkan jadual HTML, menangani batasan jadual standard dalam reka bentuk web moden, terutamanya mengenai respons mudah alih dan fungsi lanjutan. Artikel itu dikemas kini 10 November, 2016.

Walaupun jadual HTML melayani tujuan asalnya untuk memaparkan data tabular dengan berkesan, mereka sering kekurangan ciri -ciri moden seperti reka bentuk responsif dan interaksi lanjutan. Artikel ini mengkaji beberapa plugin jQuery yang direka untuk mengatasi batasan -batasan ini.

Takeaways utama:

• Dynatible: menawarkan penyesuaian yang luas untuk membuat, penapisan, dan mencari jadual, tetapi kemas kini utama terakhirnya adalah pada tahun 2014. Jadual Bootstrap:
Bootstrap:
• Plugin yang kaya dengan ciri-ciri yang sesuai untuk projek bootstrap, menyediakan reka bentuk responsif, penapisan, dan keupayaan eksport.
Jadual pengepala tetap:
• plugin mudah untuk mengekalkan tajuk meja yang kelihatan semasa menatal, tetapi tidak mempunyai kemas kini baru -baru ini (kemas kini terakhir 2011).
DataTables:
• Plugin yang komprehensif dengan menyusun, penapisan, penomboran, dan dokumentasi yang sangat baik, mengintegrasikan dengan pelbagai kerangka CSS. Menawarkan pilihan sokongan premium.
jQuery HighChartTable:
• Mengubah data jadual ke dalam grafik highcharts interaktif, yang memerlukan pelesenan highcharts untuk kegunaan komersil.
Tabulator:
• Plugin yang fleksibel dan aktif dikekalkan (GitHub) dengan ciri -ciri seperti kumpulan baris, petua, dan penyuntingan sebaris.
FancyGrid:
• menawarkan gaya, penapisan, penyortiran, penomboran, dan integrasi highcharts, tetapi memerlukan pelesenan untuk kegunaan komersil. Prestasi pemuatan laman web mungkin tidak konsisten.
JQuery KingTable:
• Plugin yang difokuskan pemaju untuk carian/penapisan kompleks, sesuai untuk aplikasi berat data. Kekurangan respons mudah alih terbina dalam.
stackable.js:
• Plugin yang berpusatkan mudah alih mengutamakan susun atur meja mesra mudah alih dengan menyusun elemen baris.
JQuery Restable:
• Satu lagi plugin yang berfokus pada mudah alih, baris jadual penstrukturan semula untuk paparan mudah alih yang lebih baik.
footable:
• Plugin yang diilhamkan oleh bootstrap (berfungsi dengan dan tanpa bootstrap) yang menawarkan carian, penapisan, penyortiran, dan penyuntingan sebaris. Diselenggarakan secara aktif.
tabella.js:
• Plugin untuk menjana jadual dinamik dengan sentuhan/swipe menatal, sesuai untuk jadual panjang. Terakhir dikemas kini pada tahun 2015. Butiran Plugin (diringkaskan):

Setiap plugin diterangkan secara terperinci, termasuk tangkapan skrin (lihat artikel asal untuk imej), menonjolkan kekuatan, kelemahan, dan kekerapan kemas kini. Artikel ini juga menyediakan pautan ke repositori demo dan github di mana tersedia.

Soalan -soalan yang sering ditanya:

Artikel ini disimpulkan dengan seksyen FAQ yang komprehensif yang menangani tugas meja jQuery yang biasa, seperti menambah penomboran, responsif, carian, penyortiran, penapisan, gaya, kesan hover, klik peristiwa, padam fungsi, dan edit fungsi. Contoh -contoh yang menggunakan data yang disediakan untuk beberapa fungsi ini. Perhatikan bahawa contoh kod disediakan dalam teks asal.

Ringkasan ini mengekalkan intipati artikel asal semasa menyusun semula kandungan dan menyusun semula bahagian untuk aliran dan kebolehbacaan yang lebih baik. URL imej dipelihara.

Atas ialah kandungan terperinci JQuery Tables: Plugin untuk Membuat & Menguruskan Jadual. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!