表格的單元格顯示

單元格內(nèi)容，如果太多顯示為省略號
鼠標放在上面，顯示里面的全部內(nèi)容

CSS關(guān)鍵代碼

table{table-layout: fixed; }td{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }

JS關(guān)鍵代碼

// 單元格懸停 $("td").on("mouseenter", function () {if (this.offsetWidth < this.scrollWidth) {var that = this;var text = $(this).text();layer.tips(text, that, {tips: [3, '#E8E8E8'],time: 2000});} });

這里，彈出提示使用的layui——tips
官網(wǎng)
http://layer.layui.com/
文檔
http://www.layui.com/doc/modules/layer.html
有問題，看文檔

總結(jié)

以上是生活随笔為你收集整理的Table表格的单元格提示的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。