td隐藏部分信息，隐藏部分以......显示 鼠标选中后显示全部详细信息

td隐藏部分信息

td:nth-of-type(1){
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 400px;  //设置显示信息的宽度
    display: block;

信息过长，隐藏部分信息 隐藏部分以…显示

鼠标选中后显示全部详细信息 (ps:本次主要使用treegrid实现数据显示）可以通过 return ‘’ + value + ''显示全部信息

columns: [
                {
                    title: '担保类型',
                    field: 'vouchtypename',
                    formatter: function (value, row, index) {
                        return '<span  title=' + value + '>' + value + '</span>'
                    }
                }
               ]

显示效果如下