CSSスタイルとclass_html/css_WEB-ITnoseの違い

問題の説明:

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:

に定義されているクラスを