jsp中為表格添加水平捲軸的方法_JSP編程

來源:互聯網
上載者:User

首先,本項目中使用的是bootstrap架構,因此有些人會說,給表格設定自適應屬性就可以了

這裡要申明的是

bootsrtap自適應是針對當瀏覽器不佔滿整個螢幕,而是一半的時候才會出現橫向的捲軸

而當我們將瀏覽器最大化的時候,如果列數增多了呢?會出現什麼效果

答案就是會出現擠壓的效果,橫向並不會出現捲軸

查看網上的教程,很多人都說將什麼父div設定100%,table添加scrool屬性均不可

這裡,解決的方法很簡單,設定<th>標籤的屬性即可,讓其不要自動換行

$(document).ready(function() {    $("th").css("white-space","nowrap");});

來設定頁面載入完成後th標籤不允許自動換行的屬性即可

注意在css中使用的是這個屬性,和在th標籤中使用不一樣,th標籤中使用方法如下

<th nowrap="nowrap">也可實現不自動換行

以上就是小編為大家帶來的jsp中為表格添加水平捲軸的方法的全部內容了,希望對大家有所協助,多多支援雲棲社區~

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.