67,表格中單元格td自適應高度,最大高度後滾動條顯示
因專案需要彈框顯示資訊,由於資訊過多導致表格很難看,網上查到可以設定單元格自適應高度,設定一個最大高度,當達到最大高度後將顯示滾動條,彌補了單元格過度膨脹帶來的困擾!
單元格自適應高度是在單元格中內嵌div,即<td><div></div></td>
通過設定div達到自適應高度,最大高度後顯示滾動條的效果。
樣式設定:style="overflow-y:scroll;max-height:130px;"
ul 裡的li 的內容呈現一行顯示
<style>
ul li{
display: inline;
list-style-type: none;
padding: 5px 5px;}
</style>
左右上下 浮動
style="position:relative; top:-50px; left:12px"
提示成功 layer:
//彈出提示資訊
function SuccessAlert(e) {
var index = layer.alert(e, { icon: 6, time: 2000, offset: 't', closeBtn: 0, title: '成功資訊', btn: [], anim: 2, shade: 0 });
layer.style(index, {
color: '#777'
});
}
相關文章
- 表格顯示滾動條
- textarea 高度自適應
- 表格td單元格合併
- html iframe高度自適應HTML
- 自動載入的iframe高度自適應
- textarea文域高度自適應
- textarea高度自適應詳解
- 小程式Swiper高度自適應
- jQuery textarea框高度自適應jQuery
- iframe 跨域高度自適應跨域
- JavaScript 獲取表格指定td單元格JavaScript
- 瀏覽器滾動條高度的獲取瀏覽器
- Widget小元件如何自適應高度元件
- iframe自適應高度的外掛
- Android XML靈活佈局之 EditText實現自適應高度同時限制最小和最大高度AndroidXML
- iOS 精準獲取webView內容高度並自適應高度iOSWebView
- 巢狀UITextView的UITableViewCell高度自適應巢狀UITextView
- 微信小程式Swiper高度自適應微信小程式
- textarea實現高度自適應的理解
- easyui-layout佈局高度自適應UI
- 微信輪播圖自適應高度
- 監聽div滾動高度
- 微信小程式swiper高度自適應,swiper的子元素高度不固定微信小程式
- 真正解決iframe高度自適應問題
- React Native踩坑指南:WebView高度自適應React NativeWebView
- 移動端:對高度自適應的輸入框說不~
- iOS初級開發學習筆記:一個頁面中自動計算cell的高度來自適應tableView的高度iOS筆記View
- UITableViewCell含有WebView的自適應高度新解決方案UIWebView
- textarea文字框高度自適應程式碼例項
- 好程式設計師web前端分享高度自適應程式設計師Web前端
- 三種方法解決浮動元素父容器高度自適應問題
- JavaScript 遍歷td單元格JavaScript
- CSS 圖片固定長寬比實現高度自適應CSS
- 怎麼讓body高度自適應螢幕?為什麼?
- 前端頁面高度和寬度自適應怎麼做?前端
- 高度塌陷 解決高度塌陷 導航條 清除浮動 相對定位
- js獲取iframe和父級之間元素,方法、屬,獲取iframe的高度自適應iframe高度JS
- 微信小程式之swiper輪播圖中的圖片自適應高度微信小程式