关于表格单元格宽度不一样的时候切换菜单人性化设计的研究

做了几年前端，开始对东西要求有所提高一点，在做表格菜单切换的时候，因为单元格里面的内容不一样，所以宽度会不一样，如果将表格的单元格宽度固定，就会导致内容溢出，接着就会换行，也不符合，所以遗留下来的只能是宽度不一样，

针对这个现象，做了一个设计，就是当切换的时候能让表格展示的更加柔和一点，具体做法如下

首先：

　　在查询之前将table的apacity设置为0.2(因为表格一直存在，内容是拼接而成)

$("#tbl").css("opacity",0.2)

然后：

　　当取到数据，并且将表格构建好之后，用一个定时器，将表格的apacity依次增加0.1，达到过度效果

function showTable(){
    var timer=setInterval(function(){
        var apacity=parseFloat($("#tbl").css("opacity"))+0.1;
        $("#tbl").css("opacity",apacity)
        if(apacity>=1){
            clearInterval(timer);
        }
    },50)
}