①设置省略:
table td { white-space: nowrap;//规定段落中的文本不进行换行 overflow: hidden;//内容会被修剪,并且其余内容是不可见的。 text-overflow: ellipsis;//用省略号代替未显示文本 }
②设置鼠标移入显示全部内容:
//js代码
var $trList = $("tbody").children("tr");//获取所有的tr行 for (var i = 0; i < $trList.length; i++) {//遍历每一行 var $tdArr = $trList.eq(i).find("td");//获取每一行中的td for (var j = 0; j < $tdArr.length; j++) {遍历td var $td_text = $tdArr.eq(j).text();获取td中的文本 $tdArr.eq(j).attr("title", $td_text);将该值赋给title属性 } }