wps左側目錄導航怎么出來,文本溢出隱藏顯示... 鼠標移動到元素顯示全部內容
wps左側目錄導航怎么出來,文本溢出隱藏顯示... 鼠標移動到元素顯示全部內容
這是我入司遇到的第一個小需求,聽上去就簡單,但是奈何前端小白,只能百度,索性有現成的代碼,復制就能用,但理解了才能變成自己的。
//表格超出寬度鼠標懸停顯示td內容
function paramsMatter(value,row,index, field) {
var span=document.createElement(‘span’);
span.setAttribute(‘title’,value);
span.innerHTML = value;
return span.outerHTML;
}
//td寬度以及內容超過寬度隱藏
function formatTableUnit(value, row, index) {
return{
css:{
“white-space”:‘nowrap’,//強制文本在一行顯示
“text-overflow”:‘ellipsis’,//文本溢出顯示…(clip為不顯示)
“overflow”:‘hidden’,//溢出內容隱藏
“max-width”:‘100px’//定義寬度,文本內容在這個寬度內不會隱藏
}
}
}
這是我在網上找到的代碼,溢出部分隱藏就是基于css做的,而顯示全部內容則是利用js,創建一個span元素,獲取文本全部信息,顯示到span上面。而我所做的項目,使用了bootstrap table來顯示數據,所以我只需要在對應的列上引用上面兩個方法,就能實現需求啦!
wps左側目錄導航怎么出來。