1. 程式人生 > >bug寶典之bootstrap table列印問題

bug寶典之bootstrap table列印問題

今天做列印工程,我使用的列表是bootstrap table,js列印比較簡單,比如下方說明

function print(){
        var printData = $('.bootstrap-table').parent().html();
        window.document.body.innerHTML = printData;
        // 開始列印
        window.print();
        window.location.reload(true);
    }

我的列表如下圖所示,應該沒什麼問題,至於bootstrap table的使用參考


1
但當我列印的時候,出現的問題從下圖可以看出列表頭與表列寬度不一致。
2
核對bootstrap-table.css,裡面沒有關於列印的配置,那麼問題跟bootstrap3.x的樣式有關係嗎?
最後至少自己調樣式,最終發現問題是 去掉bootstrap table的height屬性就ok了。
不過打印出來的表格沒有線了,解決辦法也比較簡單。增加table-bordered樣式就可以了,這個也是bootstrap的自身的樣式

<table id="main-grid-print" data-toggle="main-grid-print" class="table-bordered"
>
</table>

相關推薦

bugbootstrap table列印問題

今天做列印工程,我使用的列表是bootstrap table,js列印比較簡單,比如下方說明 function print(){ var printData = $('.boots

bugJAVA篇 web工程識別不了

使用mac的split view還是比較爽,可以一邊編寫程式碼,一邊寫blog,遇到問題就可以記錄下來。要是10年前開始有筆記的習慣就好了,當年年少不懂事,現在正當年,亡羊補牢,希望不晚。 以前習慣使用eclipse,win10下面使用idea,跑我的程式,也可

buglinux root使用者看不到mysql資料庫了

開啟一個ssh service mysqld stop #關閉mysql /usr/bin/mysqld_safe --skip-grant-tables & #安全模式 開啟另個ssh

《呂鑫:VC++6.0就業培訓MFC視頻教程》學習筆記 -- 第二章 MFC原理介紹

第一個 寶典 數據類型 對話 視頻 資源管理 bsp 程序開發 第二章 第二章 MFC原理介紹 2.1 第一個Win32軟件 2.2 Win32對話框程序開發 2.3 程序資源管理和Windows數據類型 2.4 Win32環境下的多對話框管理 2.5 初步學習MFC軟件

面試為什麼使用訊息佇列?

1、為什麼使用訊息佇列? 面試官心理剖析: 看你平時有沒有思考,是不是為了用而用?面試官主要想知道你們是什麼業務使用了MQ,沒用的時候有什麼問題?用了之後給你們帶來了哪些好處? 回答: 使用的場景很多,但是把核心的場景說出來就可以了,核心場景有:解耦、非同步、削峰; (1)、解耦: 場景分析

前端面試HTML篇

HTML 語義化 HTML標籤的語義化是指:通過使用包含語義的標籤(如h1-h6)恰當地表示文件結構 css命名的語義化是指:為html標籤新增有意義的class 為什麼需要語義化: 去掉樣式後頁面呈現清晰的結構

前端面試css篇

CSS display: none; 與 visibility: hidden; 的區別 聯絡:它們都能讓元素不可見 區別: display:none;會讓元素完全從渲染樹中消失,渲染的時候不佔據任何空間;visibility: hidden;不會讓

前端面試HTTP篇

http狀態碼有那些?分別代表是什麼意思? 簡單版      100  Continue   繼續,一般在傳送post請求時,已傳送了http header之後服務端將返回此資訊,表示確認,之後傳送具體引數資訊 200&nb

前端面試VUE篇

什麼是mvvm? MVVM是Model-View-ViewModel的縮寫。mvvm是一種設計思想。Model 層代表資料模型,也可以在Model中定義資料修改和操作的業務邏輯;View 代表UI 元件,它負責將資料模型轉化成UI 展現出來,ViewModel 是一個同步View 和 M

前端面試react篇

React 中 keys 的作用是什麼? Keys 是 React 用於追蹤哪些列表中元素被修改、被新增或者被移除的輔助標識 在開發過程中,我們需要保證某個元素的 key 在其同級元素中具有唯一性。在 React Diff 演算法中 React 會藉助元素的 Key 值來判斷該元素是

前端面試es6

ES6的瞭解 新增模板字串(為JavaScript提供了簡單的字串插值功能)、箭頭函式(操作符左邊為輸入的引數,而右邊則是進行的操作以及返回的值Inputs=>outputs。)、for-of(用來遍歷資料—例如陣列中的值。)arguments物件可被不定引數和預設引數完美代替。E

bugnode篇 nodejs Process finished with exit code 0

我使用webstorm建立node express專案,執行app.js出現下面的異常資訊 nodejs Process finished with exit code 0 解決辦法,就不拾人牙慧了

bugHadoop篇 Could not connect to localhost:9090 (code THRIFTTRANSPORT): TTransportException('Could

hue.ini僅做下面的配置,還沒開始做其他配置操作,就啟動hue。 server_user=hue server_group=hue default_user=hue 登入hue系統後,提示錯

公式顏色混合模式公式

正常模式(Normal) 是預設的狀態,其最終色和繪圖色相同。可通過改變畫筆工具選項欄中的“不透明度”來設定不同的透明度。當影象的顏色模式是“點陣圖”或“索引顏色”時,“正常”模式就變成“閾值”模式。 在基色存在透明度a%時,混合的運算方式是:最終色=基色*

面試python資料結構---列表,棧與佇列,連結串列,樹,字典

Python基本資料結構 一、線性表 線性表是最常用且最簡單的一種資料結構,它是n個數據元素的有限序列。 實現線性表的方式一般有兩種,一種是使用陣列儲存線性表的元素,即用一組連續的儲存單元依次儲存線性表的資料元素。另一種是使用連結串列儲存線性表的元素,

籬笆家裝十六——裝修前期準備

16.1. 《前期準備之裝修費用篇》 http://video.liba.com/detail.php?id=89&aid=1 傢俱裝修總費用=主材費用 + 輔材費用 + 人工費 + 設計費 + 管理費 + 稅金 1. 主材費用,指按施工面積,或單項工程涉及的成品和半成品的材料費用,如木地板、

bugJAVA篇 Authentication failed for token

異常資訊:Authentication failed for token submission,詳細資訊如下所示。這個問題並沒有出現在我的eclipse環境,但是打成war放到tomcat下面卻出現了這

程式設計師面試資料庫的一個問題?查資料表中第30到第40條記錄,有欄位ID,但ID不連續

解法一:  select top 10* from test  where id  not in (select top 29 id from test) 例如,我有以下這個test表:當我選取第六行到

【風宇衝】Unity3D教程 C#程式碼註釋規範及文件生成

原為地址:http://blog.sina.com.cn/lsy835375 C#程式碼註釋規範及文件生成 在使用c#進行Unity3D遊戲開發中,良好的註釋和文件能讓開發更有效率,條理更清晰。 本講分為兩個部分: 一:編寫註釋 二: 生成文件     

葵花資料結構1800T--2

第2章    線性表 一  選擇題 1.下述哪一條是順序儲存結構的優點?(    )【北方交通大學 2001 一、4(2分)】 A.儲存密度大  B.插入運算方便  C.刪除運算方便  D.可方便地用於各種邏輯結構的儲存表示 2.下面關於線性表的敘述中,錯誤的是哪一個?(    )【北方交通大學 2001