layui table 内容超出宽度，修改其提示形式

1、悬浮触发

<script type="text/javascript">
    //显示详情
    var tip = 0;
    function show_tip(t) {
        var row = $(t).attr('data-d'); //获取显示内容
        tip = layer.tips(row, t, {
            area: 'auto',
            tips: [1, '#3595CC'],
            time: 0
        })
    }
    function close_tip() {
        layer.close(tip)
    }
</script>

2、引用模板

<script type="text/html" id="ContentDetailTpl">
        {{#
        var strHtml= function(str) {
        return str.replace(/<[^>].*?>/g, '').replace(/;/g,'
');
        }
        }}
    <a href="javascript:;" data-d="{{strHtml(d.details)}}" onmouseover="show_tip(this)" onmouseout="close_tip()">
        {{# if(d.details.length>10){ }}
        {{d.details.substr(0,10)}}...
        {{# } else { }}
        {{d.details}}
        {{# } }}
    </a>
</script> 

3、字段处理

 {
     field: 'details',
     title: '货物明细',
     align: 'center',
     minWidth: 150,
     templet: '#ContentDetailTpl'
},