設定overflow:auto表格沒有滾動條的解決辦法

阿新 • • 發佈：2019-02-03

<div class="listContent" style="overflow-x: auto;">
    <table cellpadding="0" cellspacing="0" style="table-layout: fixed;width:0px;">
        <tr class="header">
            <td style="width: 55px;">客戶</td>
            <td  style="width: 55px;">車型</td>
            <td  style="width: 55px;">區分</td>
            <td  style="width: 635px;">15年1月</td>
            <td  style="width: 125px;">15年2月</td>
            <td  style="width: 125px">15年3月</td>
            <td  style="width: 125px">15年4月</td>
            <td  style="width: 125px">15年5月</td>
            <td  style="width: 125px">15年6月</td>
            <td  style="width: 125px">15年7月</td>
            <td  style="width: 125px">15年8月</td>
            <td  style="width: 125px">15年9月</td>
            <td  style="width: 140px;">15年10月</td>
            <td  style="width: 140px;">15年11月</td>
            <td  style="width: 140px;">15年12月</td>
            <td  style="width: 150px;">16年上半年</td>
            <td  style="width: 150px;">16年下半年</td>
            <td  style="width: 150px;">17年上半年</td>
            <td  style="width: 150px;">17年下半年</td>
            <td  style="width: 150px;">18年上半年</td>
            <td  style="width: 150px;">18年下半年</td>
            <td  style="width: 150px;">19年上半年</td>
            <td  style="width: 150px;">19年下半年</td>
        </tr>
        <tr class="listtr">
            <td>東風</td>
            <td>P32L</td>
            <td>臺數</td>
            <td class="paddbtn"><input type="text" value="49300"><span class="delete_Btn">最新</span><span class="marbtn">選擇臺座</span><span class="marbtn">打開臺座</span></td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</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>
        <tr class="listtr">
            <td>東風</td>
            <td>P32L</td>
            <td>臺數</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</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>
        <tr class="listtr">
            <td>東風</td>
            <td>P32L</td>
            <td>臺數</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</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>
        <tr class="listtr">
            <td>東風</td>
            <td>P32L</td>
            <td>臺數</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</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>
        <tr class="listtr">
            <td>東風</td>
            <td>P32L</td>
            <td>臺數</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</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>
        <tr class="cutline"><td colspan="18"></td></tr>
        <tr class="listtr">
            <td>ck</td>
            <td>P32L</td>
            <td>臺數</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</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>
        <tr class="listtr">
            <td>ck</td>
            <td>P32L</td>
            <td>臺數</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</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>
        <tr class="listtr">
            <td>ck</td>
            <td>P32L</td>
            <td>臺數</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</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>
        <tr class="listtr">
            <td>ck</td>
            <td>P32L</td>
            <td>臺數</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</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>
        <tr class="listtr">
            <td>ck</td>
            <td>P32L</td>
            <td>臺數</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</td>
            <td>49300</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>
        <tr class="cutline"><td colspan="18"></td></tr>
    </table>

設定overflow:auto表格沒有滾動條的解決辦法

<div class="listContent" style="overflow-x: auto;"> <table cellpadding="0" cellspacing="0" style="table-layout: fixed;width:

完美解決vue等框架對Tabs、Moda等設定固定高度後沒有滾動條

當彈窗不設定高度時，介面會根據內容自動擴充高度，內容過長時會非常難看，需要設定固定高度，當超出這個高度後悔出現滾動條。效果如下圖：其實很簡單，在你需要控制高度的地方加上一行程式碼 style="height:400px;overflow-y:auto;overflo

蘋果機沒有滾動條解決方案

html lin 分享 scroll 一段 ID 代碼技術 ott 有時候我們移動端，安卓機能夠顯示滾動條，並且可以滑動，但是蘋果機卻沒有滾動條，並且不能滑動，廢話不多說，直接上代碼 -webkit-overflow-scrolling: touch; <

關於overflow-x: hidden隱藏滾動條失效的解決方案

發現有種情況overflow-x: hidden失效了，chrome表現完好，qq瀏覽器有問題，微信上面展示有問題。微信上面展示是一樣能夠滑動的。如果出現類似問題的同學，請試一下在眾div的container上加一個position: absolute; 什麼原因呢，這個

cocos2d-js裡面解決滾動容器沒有滾動條的問題

1.在編輯器裡面編輯好滾動容器，命名為“ScrollView”；在編輯器裡面編輯好滾動條，命名為“Slider”;是由於滾動容器不顯示內建滾動條的緣故，我們只能自己去做一個；2.程式碼裡面載入滾動容器和滾動條，並添對應加偵聽事件：this.ScrollView = ccui.

表格顯示滾動條

border spa rec web 技術 nbsp tab class width 表格顯示滾動條顯示一個滾動條，可以提示用戶下面還有數據。具體如下: 代碼如下： .tab-record::-webkit-scrollbar { width: .04rem;

JS-設定彈窗時候禁用滾動條

方法一啟用禁用時，設定js document.documentElement.style.overflowY = 'hidden'; 當還原時候，只需要把屬性重置scroll就可以了 document.documentElement.style.overflowY = 'sc

百度UE富文字編輯器設定自適應大小和滾動條等

其實真特麼簡單，一開始還試著自己設定，弄來弄去都不合適。最後發現你想要的人家其實都有，你只需要設定就好了！！後知後覺啊。你想要的效果可能在資料夾下config.js裡邊都有，只需要在介面中例項化頁面的那行程式碼裡邊設定就好了。程式碼如下： var um = UM.getEdi

html中設定超出部分自動顯示滾動條

在html頁面中，我們有時需要讓div中的內容超出後自動顯示滾動條，我們可以這樣設定： <div class="classlist"> <div class="autoScroll"> <asp:Radi

CSS設定table下tbody的滾動條

今天碰到一個關於對tabel的表的滾動事件，需求是表頭不動，改變的是tbody，如果tbody裡面的內容過多，讓其進行滾動事件。首先想到的就是利用css中overflow-y:scroll; 來進行

Safari低版本不相容滾動條解決方案

Safari低版本瀏覽器沒有將CSS3中的一些屬性定義標準，設定ifarme或者DIV滾動條會出現無法滾動的異常，可增加下面的程式碼即可解決： <div style="-webkit-overflow-scrolling:touch;overflow:auto!im

使用cocoaPods import導入時沒有提示的解決辦法

lds mage arch cocoa 提示 imp image dset 工程 1.選擇target（就是左邊你的工程target）—— BuildSettings —— search Paths 下的 User Header Search Paths（如圖所示：）

Maven Dependencies沒有了的解決辦法

red log 分享 popu depend .class cli data 沒有頭疼的問題，maven Dependencies突然沒有了，別的項目都有，個別的卻怎麽也出不來。以下是某大神的解決方法，特此轉發，以防丟失：網上搜索了一番，大多都是下面這種做法:

centos7 真實機安裝後沒有網卡解決辦法

http upd c++ 硬盤 center 查看 head 部分加載我們在真實機安裝完centos7版本後，會發現沒有網卡，只有lo口因為真實機不同你在虛擬機裏面，這個時候我們不能連網，更加不要說配置什麽靜態ip了是什麽原因呢，是因為有些真實機安裝了cent

PHP 生成驗證碼(+圖片沒有顯示的解決辦法)

subst 今天部分轉換 pan cde sta 操作緩沖今天有需要用到驗證碼，就敲了個，畢竟用途比較廣，所以打算把代碼留下來，以後肯定用得上的。當然，今天在做的時候也是有一些問題的，分享出來吧，記錄自己所犯的錯誤，避免以後再掉坑裏。先給個效果圖（下面的真的是圖）

Echarts圖表在移動端和小程式中影響頁面的滾動的解決辦法

Echats圖表在移動端顯示後，當手指在圖表區域內滑動，會影響頁面的滾動。h5頁面沒有親測，小程式頁面，經排查，是因為觸發了touchStart、touchMove和touchEnd方法。一、h5頁面解決方法 1.如果可以的話，移動端建議使用highCharts代替echarts，感覺

[經驗總結] 從其它sheet頁引用資料生成圖表時沒有圖例的解決辦法

1、先給出一個在有資料區域的sheet頁中生成的圖表，比較全，圖表和圖例全部都有，如下圖： 2、但是如果在其它 sheet頁中引用該有資料的sheet資料時並生成圖表，生成的圖表只有圖表區域顯示，圖例區域並不直接顯示出來，就會讓給人造成這個完整圖表不知道是具體哪些專案的走勢圖，下面給出引

CI3設定子目錄控制器為預設控制器的解決辦法

在框架中配置檔案多目錄、前後臺應該是個很常見的事情。像一般的php框架(CI、Tp等)採用都是單一入口模式，或許有人會直接在框架根目錄新建檔案admin.php，然後改變框架app結構，以達到訪問不同入口檔名獲得不同資源的效果。那麼在CI中一樣可以這樣做，不過個人覺得這種方法太浪費資源(

django沒有dictcursor的解決辦法

def dictfetchall(self, cursor): """將遊標返回的結果儲存到一個字典物件中,解決django中沒有dictcursor的情況""" return [dict(zip([col[0] for col in cursor.d

cookie 中沒有csfrtoken的解決辦法

https://www.jianshu.com/p/9346bbc3a8f1 一般我們認為cookie裡的csrftoken是由csrftoken middleware所設定的，事實確實如此，但也不完全是。貼一段CsrfViewMiddleware的程式碼： def process_re

設定overflow:auto表格沒有滾動條的解決辦法

相關推薦