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

ke . Isu kedudukan gaya definisi kelas

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.