使用JavaScript在MVC 4和C＃中的部分視圖中使用HTML打印div

Question

我想在c＃mvc中以表格格式（設計）顯示打印。

問題是我只得到內容，而沒有表格格式。

這是我的打印按鈕。

<input id="printdiv" type="submit" value="Print" onclick="return PrintDiv();" />

這是我的部分視圖div。

<div id="dvmismatch" style="display :none;">
        @Html.Partial("_MismatchVendorList", Model)
    </div>

這是我的腳本。

<script type="text/javascript">
    var $ = jQuery.noConflict();   
    function PrintDiv() {
        $("#dvmismatch").show();
        $("#dvmismatch").print();
        $("#dvmismatch").hide();

        }       

</script>

請給我建議...

我想使用JavaScript在帶有C＃的mvc 4中的部分視圖中使用HTML打印div。但是僅顯示表格內容。 不是表格格式的內容？？？

Answer 1

嘗試這個

Java腳本

<script>
function printContent(el){
    var restorepage = document.body.innerHTML;
    var printcontent = document.getElementById(el).innerHTML;
    document.body.innerHTML = printcontent;
    window.print();
    document.body.innerHTML = restorepage;
}
</script>

紐扣

<input id="printdiv" type="submit" value="Print" onclick="printContent('dvmismatch')" />

這是部分視圖div。

<div id="dvmismatch" style="display :none;">
        @Html.Partial("_MismatchVendorList", Model)
    </div>