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

简介: 最近的项目里面使用了比较多的UpdatePanel和repeater搭配使用,但是在IE9里面常常会出现这样一个问题:当显示非常多的数据时,总有一行或几行错位,从而导致样式乱掉了。本来使用UpdatePanel是为了简化自己的工作并提升下用户体验,这样一来有违初衷。

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

//套用repeater
<table id="evtList"> <thead> <tr><th></th></tr> ... </thead> <tbody> <asp:Repeater ID="rptList" runat="server"> <ItemTemplate> <tr><td></td></tr> ... </ItemTemplate> </asp:Repeater> </tbody> </table>

在加载完成后,后台注册一个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())); });
} }

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

相关文章
隐藏el-table-column过多的内容并进行浮窗展示
隐藏el-table-column过多的内容并进行浮窗展示
隐藏el-table-column过多的内容并进行浮窗展示
不用涉及到各种冲突常规打造酷炫下拉视差效果SmartRefreshLayout+ViewPager+RecyclerView
不用涉及到各种冲突常规打造酷炫下拉视差效果SmartRefreshLayout+ViewPager+RecyclerView
248 0
Winform控件优化之双层Form利用Opacity实现Layer遮罩层
对于完全由自己控制实现的桌面应用来说,则可以想办法实现遮罩整个窗体(窗口)的Layer层。下面介绍在Winform中利用Form做遮罩层的实现,推荐的还是第二种方式:双Form的遮罩层....
259 0
Winform控件优化之双层Form利用Opacity实现Layer遮罩层
BottomNavigationView使用,配合ViewPager、修改图标大小、去掉文字等
BottomNavigationView使用,配合ViewPager、修改图标大小、去掉文字等
665 0
BottomNavigationView使用,配合ViewPager、修改图标大小、去掉文字等
|
小程序 前端开发 JavaScript
01day 动态绑定变量 导航组件 view text是否可以复制 button 上下滚动组件
01day 动态绑定变量 导航组件 view text是否可以复制 button 上下滚动组件
01day 动态绑定变量 导航组件 view text是否可以复制 button 上下滚动组件
splitcontainer控件固定Panel的大小
splitcontainer控件固定Panel的大小
247 0
|
.NET
艾伟:Tip:自定义UpdatePanelTrigger
  大家在使用UpdatePanel的时候有没有遇到过这种情况呢?   页面上放置着3到4的UpdatePanel,它们互相独立,并且UpdateMode都是Condition,这意味着没有哪个UpdatePanel每次都会更新。
953 0
Bootstraptable页面上同时存在多条垂直滚动条,margin和padding无法消除页面间隙的解决办法!
控件:bootstraptable存在的问题:页面上同时存在多条垂直滚动条,margin和padding无法消除页面间隙。解决办法:1.关键词 overflow:hidden;2.结合页面高度设置;3.
1602 0
2-VIII--ViewPager滑动监听与自定义滑动特效
零、前言 [1]. 使用上文项目:1-VIII--ViewPager的基本使用 [2].对ViewPager的addOnPageChangeListener三个回调方法分析 [3].
1269 0