bootstrap-table（五）表格内容过多时显示一行

内容过多时：

巨丑！
所以我想改成显示一行

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了！