Rumah > Artikel > hujung hadapan web > Bagaimana untuk menyimpan kandungan dan gaya jadual halaman ke dalam kemahiran fail_javascript excel
Selepas menyelesaikan projek, saya menguji forum yang dibuat baru-baru ini, yang mempunyai fungsi eksport, saya mendapati bahawa selepas mengklik butang eksport halaman web dan menyimpan kandungan jadual halaman sebagai fail excel, saya mendapati bahawa gaya jadual. tidak dapat disimpan Selepas masalah Selepas analisis, saya menemui punca utama. Sekarang saya akan berkongsi dengan anda idea pelaksanaan saya seperti berikut:
Penerangan masalah:
Proses analisis masalah:
1. Jadual menggunakan kelas dan bukannya gaya. Takrif kelas tidak dieksport semasa mengeksport Jika anda menukar gaya dan menulis gaya warna secara terus dalam gaya, gaya akan dieksport.
Gaya ialah gaya, yang digunakan dalam HTML untuk menunjukkan gaya atribut, iaitu kandungan dalam css, dan kelas ialah kelas, yang mengisytiharkan dan mentakrifkan kandungan Apabila mengeksport halaman, definisi, iaitu, gaya yang ditakrifkan oleh kelas, tidak akan dieksport.
2. Anda juga boleh mengeksport gaya dengan meletakkan definisi kelas dalam jadual
Terdapat dua penyelesaian untuk menyelesaikan masalah ini.
Penyelesaian 1:
Gantikan class="${getClass()}" dengan style="color:${getStyle()};"
Tambahan:
$('#export').click(function () { saveAsExcel($('h3').text(), $('#table').html().replace(/( )+/gi,'')); });
Excel hanya mengenali jadual Apabila anda menggunakan kaedah saveAsExcel untuk menyimpan secara automatik, definisi kelas tidak boleh disimpan jika anda menyalin dan menampalnya secara manual ke dalam excel, definisi kelas boleh disimpan.
Masalah utama ialah salin dan tampal manual dan automatik
Penyelesaian 2:
Hanya alihkan kelas yang ditakrifkan dalam 93f0f5c25f18dab9d176bd4f6de5d30ec9ccee2e6ea535a969eb3f532ad9fe89531ac245ce3e4fe3d50054a55f2659279c3bca370b5104690d9ef395f2c5f8d1 ke f5d188ed2c074f8b944552db028f98a1f16b1740fad44fb09bfe928bcc527e08. Isu kedudukan gaya definisi kelas
Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.