ホームページ  >  記事  >  ウェブフロントエンド  >  CSSスタイルとclass_html/css_WEB-ITnoseの違い

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

WBOY
WBOYオリジナル
2016-06-24 11:39:411605ブラウズ

問題の説明:

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 までご連絡ください。