問題の説明:
Web ページの [エクスポート] ボタンをクリックした後、ページの表の内容を Excel ファイルとして保存しましたが、表のスタイルを保存できないことがわかりました
分析プロセス:
1 . テーブルのスタイルの代わりにクラスを使用します。エクスポート時にクラス定義はエクスポートされません。 style に変更して、style に直接カラー スタイルを記述すると、そのスタイルがエクスポートされます。
スタイルは、CSS のコンテンツである属性スタイルを示すために HTML で使用されるスタイルであり、クラスは、ページをエクスポートするときにコンテンツを宣言および定義するクラスです。クラスによって定義されたスタイルはエクスポートされません。
2. テーブルにクラス定義を配置してスタイルをエクスポートすることもできます
Solution-:
class="${getClass()}" を style="color:${getStyle()};" に置き換えます。
追加:
$('#export').click(function () {
saveAsExcel($('h3').text(), $('#table').html().replace(/(   ;)+/gi,''));
});
Excel はテーブルのみを認識します。saveAsExcel メソッドを使用して自動的に保存する場合、クラス定義を Excel に手動でコピーして貼り付けると保存できません。クラス定義を保存できます。
主な問題は手動および自動のコピーアンドペーストです
解決策 2:
に定義されているクラスを
<テーブル>をご利用いただけます。クラス定義スタイルの位置問題
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
&lt; Progress&gt;の目的は何ですか 要素?
Mar 21, 2025 pm 12:34 PM
この記事では、HTML&lt; Progress&gt;について説明します。要素、その目的、スタイリング、および&lt; meter&gt;との違い要素。主な焦点は、&lt; Progress&gt;を使用することです。タスクの完了と&lt; Meter&gt; statiの場合
&lt; datalist&gt;の目的は何ですか 要素?
Mar 21, 2025 pm 12:33 PM
この記事では、HTML&lt; Datalist&GT;について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。
&lt; meter&gt;の目的は何ですか 要素?
Mar 21, 2025 pm 12:35 PM
この記事では、html&lt; meter&gt;について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化&lt; Meter&gt; &lt; Progress&gt;およびex
HTMLは初心者のために簡単に学ぶことができますか?
Apr 07, 2025 am 12:11 AM
HTMLは、簡単に学習しやすく、結果をすばやく見ることができるため、初心者に適しています。 1)HTMLの学習曲線はスムーズで簡単に開始できます。 2)基本タグをマスターして、Webページの作成を開始します。 3)柔軟性が高く、CSSおよびJavaScriptと組み合わせて使用できます。 4)豊富な学習リソースと最新のツールは、学習プロセスをサポートしています。
HTMLでの開始タグの例は何ですか?
Apr 06, 2025 am 12:04 AM
Anexampleapalofastartingtaginhtmlis、それはaperginsaparagraph.startingtagsaresentionentientiontheyinitiateelements、definetheirtypes、およびarecrucialforurturingwebpagesandcontingthomedomを構築します。
See all articles