内容过多时:
巨丑!
所以我想改成显示一行
table {
table-layout: fixed;
}
.txt {
overflow: hidden;
text-overflow: ellipsis;
/* 只对英文起作用,以字母作为换行依据 */
word-break:break-all;
/* 只对英文起作用,以单词作为换行依据 */
word-wrap:break-word;
white-space: nowrap;
}
然后
还行,如果我想点击显示全部呢?
{
class: 'txt',
field: 'content',
title: '发送内容'
}
onLoadSuccess: function (res) {
$('.txt').bind('click', function () {
tableMethod.showMore(this);
})
}
var tableMethod = {
//多行内容一行显示 点击就显示多行
showMore:function(obj){
if($(obj).css('white-space') == 'normal'){
$(obj).css('white-space','nowrap')
}else{
$(obj).css('white-space','normal')
}
}
}
ojbk了!