這篇文章主要介紹了BootStrap中如何解決Table隱藏后顯示問題,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)建站是一家從事企業(yè)網(wǎng)站建設、成都網(wǎng)站設計、成都網(wǎng)站制作、
外貿(mào)網(wǎng)站建設、行業(yè)門戶網(wǎng)站建設、網(wǎng)頁設計制作的專業(yè)網(wǎng)絡公司,擁有經(jīng)驗豐富的網(wǎng)站建設工程師和網(wǎng)頁設計人員,具備各種規(guī)模與類型網(wǎng)站建設的實力,在網(wǎng)站建設領域樹立了自己獨特的設計風格。自公司成立以來曾獨立設計制作的站點上千家。
開始的時候先把table隱藏了,由于判斷條件讓它顯示,結果出現(xiàn)錯位的問題。
//前臺代碼:
faultanalysis-table
//后臺代碼:
if (resp.data.gch_faultanalysis.length!=0) {
console.log("gch_faultanalysis不為空!");
element.find("#faultanalysis-head").css("display","block");
element.find("#faultanalysis-table").css("display","
block");
element.find("#faultanalysis-table").bootstrapTable({
columns:resp.data.faultanalysisVar,
pagination:"true",
//sidePagination:"client",
search:"true",
clickToSelect: true,
data: resp.data.gch_faultanalysis,
singleSelect:"true",
showColumns:"false",
showRefresh:"true",
showToggle:"true",
maintainSelected:"true",
//height:"413"
});
}
出現(xiàn)如下的錯誤顯示:

經(jīng)過查找分析,只需要將上面代碼中標紅的block就好了,而且這個不會對產(chǎn)生影響。修改后代碼如下:
//前臺代碼:
faultanalysis-table
//后臺代碼:
if (resp.data.gch_faultanalysis.length!=0) {
console.log("gch_faultanalysis不為空!");
element.find("#faultanalysis-head").css("display","block");
element.find("#faultanalysis-table").css("display","");
element.find("#faultanalysis-table").bootstrapTable({
columns:resp.data.faultanalysisVar,
pagination:"true",
//sidePagination:"client",
search:"true",
clickToSelect: true,
data: resp.data.gch_faultanalysis,
singleSelect:"true",
showColumns:"false",
showRefresh:"true",
showToggle:"true",
maintainSelected:"true",
//height:"413"
});
}
修改后的截圖如下:

感謝你能夠認真閱讀完這篇文章,希望小編分享的“BootStrap中如何解決Table隱藏后顯示問題”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián)成都網(wǎng)站設計公司,關注創(chuàng)新互聯(lián)成都網(wǎng)站設計公司行業(yè)資訊頻道,更多相關知識等著你來學習!
另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、網(wǎng)站設計器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
分享名稱:BootStrap中如何解決Table隱藏后顯示問題-創(chuàng)新互聯(lián)
當前網(wǎng)址:
http://ef60e0e.cn/article/ieddd.html