Rumah > hujung hadapan web > tutorial js > Bagaimana untuk menyimpan kandungan dan gaya jadual halaman ke dalam kemahiran fail_javascript excel

Bagaimana untuk menyimpan kandungan dan gaya jadual halaman ke dalam kemahiran fail_javascript excel

WBOY
Lepaskan: 2016-05-16 15:46:57
asal
1592 orang telah melayarinya

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,''));
 });
Salin selepas log masuk

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.

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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan