Excelにテーブル形式JSのエクスポートを使用してください

Javaが直接テーブルの先端に、あまりにも多くの問題を行うには、エクスポートを行うために、バックエンドのデータテーブルを使用される前に導かれ、非常に便利です。

ブログ記事へのリンク：https://www.zjhuiwan.cn/info/20200212/4004242219096560.html

htmlフォームのコード

<divのスタイル= "垂直整列：トップ;パディング左：2ピクセル;"> 
    <クラス= "BTN BTN-SM BTN-情報ツールチップ"名前= "excelExport" ID = "excelExport" onclickの= "toExcel（）; " タイトル= "导出到エクセル"> <Iクラス= "エース・アイコンFA FA-クラウドダウンロード大きな-110"> </ I>导出</a>の
</ DIV> 
<テーブルID = "table_report"クラス=」テーブル、テーブルストライプテーブル-接さテーブル-ホバー」スタイル= 『マージントップ：22px;』ボーダー= "1"> 
								<キャプションスタイル= "テキスト整列：センター;表示：なし"> <H3>企业反映问题诉求汇总表</ H3> </キャプション> 
								<キャプションスタイル= "テキスト整列：左。 "> 
									<C：テスト=であれば" $ {（！pd.addStart = NULL && pd.addStart = ''）&&（PD。
										$ {pd.addEnd}で統計報告時間終了
									</ C：IF> 
								</キャプション> 
								<TR> 
									<TD> ID </ TD> 
									<TD>領域</ TD> 
									<TD>家具企業の数</ TD > 
									<TD>問題の企業の数</ TD> 
									<TD>ビジネス上の問題の数</ TD> 
									<TD>人材雇用</ TD> 
									<TD>金融サービス</ TD> 
									<TD>財務・税務</ TD> 
									< TD>要素、エネルギー</ TD> 
									<TD>労働安全の環境保護総局</ TD> 
									<TD>技術革新</ TD> 
									<TD>公共サービス</ TD> 
									<TD>承認サービス</ TD> 
									<TD>勃発予防</ TD> 
									<TD>その他</ TD>
									<TD>备注</ TD> 
									<TR> 
										<TD> </ TD > 
								</ TR>
								<C：もしテスト= "$ {（名前== 'ADMIN1' ||名前== '丽水市'）&& areaTest == NULL}"> 
									</ TR>
										<TD>合计</ TD> 
										<TD> $ {list.companyNum} </ TD> 
										<TD> $ {list.companyNum} </ TD> 
										<TD> $ {list.questionNum} </ TD> 
										<TD> $ {list.type0Num} </ TD> 
										<TD> $ {list.type1Num} </ TD> 
										<TD> $ {list.type2Num} </ TD> 
										<TD> $ {list.type3Num} </ TD> 
										< TD> $ {list.type4Num} </ TD> 
										<TD> $ {list.type5Num} </ TD> 
										<TD> $ {list.type6Num} </ TD> 
										<TD> $ {list.type7Num} </ TD > 
										<TD> $ {list.type8Num} </ TD> 
										<TD> $ {list.type9Num} </ TD> 
										<TD> </ TD> 
								<TR> 
									<TD> 1 </ TD> 
									<TD>市直</ TD>
									<TD> $ {shizhiList.companyNum} </ TD> 
									<TD> $ {shizhiList.companyNum} </ TD> 
									<TD> $ {shizhiList.questionNum} </ TD> 
									<TD> $ {shizhiList.type0Num} </ TD> 
									<TD> $ {shizhiList.type1Num} </ TD> 
									<TD> $ {shizhiList.type2Num} </ TD> 
									<TD> $ {shizhiList.type3Num} </ TD> 
									<TD> $ {} shizhiList.type4Num </ TD> 
									<TD> $ {shizhiList.type5Num} </ TD> 
									<TD> $ {shizhiList.type6Num} </ TD> 
									<TD> $ {shizhiList.type7Num} </ TD> 
									<TD> $ {shizhiList。 type8Num} </ TD> 
									<TD> $ {shizhiList.type9Num} </ TD>
									<TD> </ TD> 
								</ TR>  
						......
								</ C：の場合>
								
								<C：もしテスト= "$ {！！名= 'ADMIN1' &&名= '丽水市'}"> 
									<TR> 
										<TD> 1 </ TD> 
										<TD> $ {名前} </ TD> 
										<TD> $ {list.companyNum} </ TD> 
										<TD> $ {list.companyNum} </ TD> 
										<TD> $ {list.questionNum} </ TD> 
										<TD> $ {list.type0Num} </ TD> 
										< TD> $ {list.type1Num} </ TD> 
										<TD> $ {list.type2Num} </ TD> 
										<TD> $ {list.type3Num} </ TD> 
										<TD> $ {list.type4Num} </ TD > 
										<TD> $ {list.type5Num} </ TD> 
										<TD> $ {list.type6Num} </ TD>
										<TD> $ {list.type7Num} </ TD> 
										<TD> $ {list.type8Num} </ TD> 
									</ TR> 
										<TD> $ {list.type9Num} </ TD>
										<TD> </ TD>
								</ C：の場合> 
							</ TABLE>

　　

JSコード

方法1

//輸出Excelの
 機能ToExcel（）{ 
      //window.location.href='<%=basePath%>pmb/excelShowInfo.do「; 
      //取得したフォーム
      VAR exportFileContent =のdocument.getElementById（ "table_report"）outerHTML ;.                 
      /エクセル、BASE64にbtoaによるコンテンツのテーブルに/フォーマットファイルが小さい場合、この方法のみ（1M未満）に使用される
      //exportFileContent=window.btoa(unescape(encodeURIComponent(exportFileContent）））; 
      //リンクVAR =「データ： "+ MIMEタイプ+"; Base64で、 "+ exportFileContent; 
      //使用ブロブ
      VAR =新しい新しいブロブブロブ（[exportFileContent]、{タイプ："テキスト/プレーン;のcharset = UTF-8「}）; //中国語文字化け解決
      ブロブをブロブ新しい新=（[に、String.fromCharCode（0xFEFF）、BLOB]、{タイプ：blob.type}）; 
    //設定されたリンク 
      VARリンク= window.URL。createObjectURL（BLOB）。
      のvar A =ドキュメント。createElement（ "A"）; //ラベルを作成します 
      a.download =「問題の企業が要約.XLSを要求」; //ハイパーリンクのターゲットがダウンロードされる設定（ファイル名）
      a.href =リンク; //セットリンクラベル
      document.body.appendChild（）; //ページに追加ラベル
      a.click（）; //設定クリックイベントタグトリガ
      document.body.removeChild（）; //タブを削除します
 }

　　

うまくExcelにエクスポートシンプルなテーブル。

​​

`注意を必要とするいくつかの問題があります。

以下に示すように1、無境界は、誘導されたエクセル。解決策：テーブルの枠線を追加する必要=「1」;

 ​

2、テーブル名を追加することができます太字<H2> </ H2>

 

 

3、しかし、表示されませんカナダの表示テーブルのページをエクスポートする必要がない場合があります。どれも

以下のように4、エクスポートしたExcelのオープンは、不安に求めるメッセージが表示されます。

 ​

これは解決されていない...明日あなたがたを外を見ます。JSのエクスポート形式が問題にする必要があり、力は、Excelとなりました。Javaのバックエンドガイドとプロのテストは、この問題はありません。

しかし、このタイプのエラー（通常は顧客がファイルをダウンロードする必要はありません変更する場合があります）プロンプトではないExcelに、次のことができます。

1、「ファイル名を指定して実行」を開き、「Ctrlキー+ R」タイプ「regeditを」オープン「レジストリエディタ」をキーボードを押しながら

2「ます。HKEY_CURRENT_USER \ Software \ Microsoft \ Officeの\ 16.0 \ Excelの\セキュリティ」オプション検索、あなたはまた、アドレスバーにパスをコピーするためのチェックで「アドレスバー」を「見る」ことができます。場合によってはバージョンに応じて、等14.0（オフィス2010）であってもよいです。

3「DWORD（32ビット）値（D）」を選択し、空白および新しい権利をクリックします。この時点で、項目のリストの下に「新しい値＃1」が存在します。

4「新しい値＃1」を右クリックして選択し、「名前の変更」を選択し、大文字と小文字を区別し、「ExtensionHardening」に社名を変更しました。

 5だけ修正された「ExtensionHardening」を選択し、右クリックして「編集」を

6 0への変化値を、そして変わらず、デフォルトの16進数を維持して、セットアップを完了し、[OK]をクリックします。

そして、それを示唆していない開いて...