官方自带的tips效果，对于长文本不太友好，因为他是居中显示，视觉容易错位。看下图示

以下是本文分享

$('table').on('post-header.bs.table',function() {
    var tip_index = '';
    $("td").on("mouseenter",function() {
        if (this.offsetWidth < this.scrollWidth) {
            var that = this;
            var text = $(this).text();
            tip_index = layer.tips(text, that,{
                tips: [2, '#428bca'],
                time: 0,
                maxWidth: '300px'
            });
        }
    }).on('mouseleave', function(){
        layer.close(tip_index);
    })
});

代码不用进行任何改动，直接使用即可。放在Table.api.bindevent(table)之前就可以