同じサイズの画像をhtmlテーブルからexcelにエクスポートするには

私はhtmlテーブルから画像をエクスポートする際にいくつかの問題に直面しています。エクスポートボタンをクリックしてhtmlテーブルをExcelファイルとしてダウンロードしたとき。ダウンロードしたxlsファイルのイメージサイズは異なります。私はHTMLテーブルのようにサイズでイメージをエクスポートしたいと思います。同じサイズの画像をhtmlテーブルからexcelにエクスポートするには

次のコードを使用していますが、問題について適切な提案をしてください。他の提案も役に立ちます。事前に

<style> 
table,th,td 
{ 
border:2px solid red; 
border-collapse:collapse; 
} 
</style> 

</head> 
<body> 
<br/> 
<br/> 
<div id="divTable"> 
<center> 
    <table> 
<caption>Person Information</caption> 
<tr> 
<th>Name</th> 
<th>Gender</th> 
<th>contact</th> 
<th>Image</th> 
</tr> 
<tr> 
<td rowspan="4"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ3rlUFLRgsZ9kWB2DHyelOZdsRn6vXm2HlXKULG5qfYQZVYSrClw" alt="Flowers in Chania" width="80px" height="80px"></td> 
<td >Male</td> 
<td>7665716415</td> 
<td>image</td> 
</tr> 
<tr> 
<td >Male</td> 
<td>7665716415</td> 
<td>image</td> 
</tr> 
<tr> 
<td >Male</td> 
<td>7665716415</td> 
<td><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS58D5NJFzmB2W_6tdzSVIJdHd8o_aACbV2Dh5AUHbODb62Q0r8Ew" alt="Abdevilliers" width="50px" height="50px"></td> 
</tr> 
<tr> 
<td colspan="2">Male</td> 
<td>image</td> 
</tr> 
</table> 
</center> 
</div> 
<br/> 
<br/> 
<center> 
<button id="myButton">Export Table data into Excel</button> 
</center> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<script> 
$("#myButton").click(function() { 
    window.open('data:application/vnd.ms-excel,' + encodeURIComponent($('#divTable').html())); 
}); 
</script> 
</body> 
</html>

感謝。

出典

2017-11-28 Chirag patel

私はあなたのHTMLビューあなたはpixcelでHTMLを表示することができるより適切な取得されていない、あなたはそれをエクスポートしようとしているときに更新される割合でいる場合は、割合の高さと幅の代わりpixcel、

で試すことができると思いますパーセントへ。

出典

2017-11-28 07:50:30 programtreasures

ありがとう@programtreasuresしかし、それは動作していません。 –

これを確認してくださいjs bin https://jsbin.com/mafayoqixa/1/edit?html,output – programtreasures

これは、Excelファイルでサイズの異なる画像を表示しています。 –

同じサイズの画像をhtmlテーブルからexcelにエクスポートするには

答えて

関連する問題