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'
});
}
相關文章
- 表格顯示滾動條
- iOS cell中webview自適應高度iOSWebView
- 根據螢幕高度自適應元素高度
- html iframe高度自適應HTML
- TabelViewCell高度自適應View
- 自動載入的iframe高度自適應
- 從自適應單元格高度說起-淺談如何提高UITableView的載入效率UIView
- 小程式Swiper高度自適應
- textarea高度自適應詳解
- iframe 跨域高度自適應跨域
- jQuery textarea框高度自適應jQuery
- UITableViewCell自適應圖片高度UIView
- JavaScript 獲取表格指定td單元格JavaScript
- iframe自適應高度的外掛
- 微信小程式Swiper高度自適應微信小程式
- iframe高度自適應解決方案
- jquery 實現iframe 自適應高度jQuery
- 瀏覽器滾動條高度的獲取瀏覽器
- iOS 精準獲取webView內容高度並自適應高度iOSWebView
- css實現的規定最小高度然後高度自適應程式碼例項CSS
- Android XML靈活佈局之 EditText實現自適應高度同時限制最小和最大高度AndroidXML
- 微信小程式swiper高度自適應,swiper的子元素高度不固定微信小程式
- Widget小元件如何自適應高度元件
- textarea實現高度自適應的理解
- 巢狀UITextView的UITableViewCell高度自適應巢狀UITextView
- easyui-layout佈局高度自適應UI
- iOS 自定義tableView Cell、高度自適應iOSView
- iframe高度自適應程式碼例項
- <iframe>高度自適應程式碼例項
- React根據寬度自適應高度React
- li浮動時ul高度為0,解決ul自適應高度的幾種方法
- js獲取滾動條高度例項程式碼JS
- 表格式佈局讓每個列高度等於該行最大高度
- 監聽div滾動高度
- iOS 【終極方案】精準獲取webView內容高度,自適應高度iOSWebView
- iOS【終極方案】精準獲取webView內容高度,自適應高度iOSWebView
- jQuery實現的拖動調整表格td單元格的大小jQuery
- 真正解決iframe高度自適應問題