解决UpdatePanel和Repeater搭配使用时出现行错位的问题

最近的项目里面使用了比较多的UpdatePanel和repeater搭配使用,但是在IE9里面常常会出现这样一个问题:当显示非常多的数据时,总有一行或几行错位,从而导致样式乱掉了。本来使用UpdatePanel是为了简化自己的工作并提升下用户体验,这样一来有违初衷。其实完全可以不使用UpdatePanel,而是手动写ajax去实现,但是时间比较紧,而用到UpdatePanel的地方的确比较多,改起来比较费时,还是打算在此基础上去修改,通过在IE9下查看源文件发现了每一个td的文本都有很多空格,所以尝试了使用js在页面加载完成以后去除没一个td里面的空格,但是这并没有起作用,后来同事说是td与td之间的空格造成的,果断尝试了下,奏效了,呵呵!具体实现如下:

在加载完成后,后台注册一个js脚本,如下:

    var bro=$.browser;//只需要对IE9进行处理
    function formatTable() {
        if(bro.msie&&bro.version=="9.0")
        {
           $.each($("#evtList tr"), function (i, item) {  //遍历每一行
               $(item).html($.trim($(item).html()));
           });
        }
    }

其实方法就是这么简单,呵呵!从网上搜了很多,没有很清楚的答案,这里记下备用!

作者:张雪飞
出处:https://zhangxuefei.site/p/125
版权说明:欢迎转载,但必须注明出处,并在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

发表评论

电子邮件地址不会被公开。 必填项已用*标注