Fixed column not working properly via mouse wheel or touchpad but drag scroll bar working as expected in Chrome/Safari

[shuozhang2016]

Chrome version(latest): 83.0.4103.61

Safari version 11.1.2 (13605.3.8) Safari screenshot as below:

btw, Firefox works well

[shuozhang2016]

@NexxLuo 请问有什么好的解决办法吗？还是很喜欢本插件提供的强大功能，但是 经测试，在5台电脑上的Chrome，有4台里面的症状是触摸板或鼠标滚轮下滚时数据闪烁+行撕裂 Safari上 全部为行撕裂没，导致插件不可用，请大神帮忙修正一下问题, 只有firefox上用是正常的

[NexxLuo]

检查下node_module中react-base-datagrid的版本

[shuozhang2016]

我的这个截图是在您的官网上用不同的浏览器截图的效果

下载了之后发现react-base-datagrid 版本是1.9.4并且上述症状依然存在

@NexxLuo

[NexxLuo]

用的是哪个官网地址？正确的地址是https://tablex.now.sh/packages/website. 老地址已经没有更新了

[shuozhang2016]

我上面的截图显示的就是这个最新的地址，我下载的也是最新的依赖

[shuozhang2016]

我指的情况是存在至少一个 固定列 fixed: 'left'的情况

[NexxLuo]

是否清除了缓存？上图两个例子中并没有设置 fixed 属性

[shuozhang2016]

例子中确实没有固定列 ，但我们的需求是需要有固定列的，所以我在例子中增加了fixed属性。无论在官网，还是下载下来的最新demo中都是一样的表现，行撕裂 (感谢您耐心的回复)

[NexxLuo]

我这里的确是没有复现，我的也是google 83.0.4103.61

[shuozhang2016]

我们有5个电脑的google浏览器只有一个是正确显示的，您可以换一台电脑的google浏览器试一下吗。并且safari上的症状5台全部都是行撕裂的 google: 行闪烁+行撕裂 safari: 行撕裂

[NexxLuo]

你是mac上的google？

[shuozhang2016]

是的，5台电脑全部是mac上的google, safari, firefox 且google版本全部为: 版本 83.0.4103.61（正式版本） （64 位） 但只有一个是显示正常的

[NexxLuo]

把完整的table dom结构导出来

[shuozhang2016]

刚刚测试了windows上的google浏览器确实是正常的，但是IE11却打不开，IE11控制台有报错。请问这个产品是不支持IE的吗？

[NexxLuo]

示例网站没进行兼容处理

[shuozhang2016]

请问，如何进行IE11兼容呢？ 下载到本地用polyfill 在IE11也是报错的

[NexxLuo]

什么错误？ 具体兼容处理得在项目上进行配置，内部也仅仅是使用了 async之类的东西

[shuozhang2016]

把完整的table dom结构导出来

请问您要的是column的这个数组吗？ 还是整个html检查元素

[NexxLuo]

html

[shuozhang2016]

这个是报语法错的地方。

请问是如何做polyfill的呢？ 需要安装什么插件吗？

[shuozhang2016]

<div class="tablex__container" style="height: 100%;">
<div class="tablex__container__body">
<div class="tablex-container tablex__striped tablex-bordered">
<div class="tablex-frozen-left" style="width: 200px; overflow: hidden;">
<div class="tablex-frozen-left-scroll" style="width: 222px; height: 100%;">
<div class="tablex-table">
<div class="tablex-table-head-container" style="width: 200px; height: 40px;">
<div class="tablex-table-head" style="min-width: 200px; flex-direction: column;">
<div class="tablex-head-row" style="height: 40px; display: flex;">
<div class="tablex-table-head-cell" style="height: 40px; width: 50px;">
<div class="tablex-table-head-cell-inner"><span class="tablex__checkbox"><input
type="checkbox" class="tablex__checkbox__input" value=""><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-head-cell" title="序号" style="height: 40px; width: 50px;">
<div class="tablex-table-head-cell-inner">序号</div>
</div>
<div class="tablex-table-head-cell" title="number"
style="height: 40px; width: 100px;">
<div class="tablex-table-head-cell-inner">
<div class="tablex__head__cell__title">number<span
class="tablex-column-sort-indicator"
style="color: rgb(204, 204, 204); font-size: 12px; vertical-align: middle; margin-left: 5px;"></span><span
data-columnkey="column-1"
class="tablex__head__cell__title__dropdown"><svg
viewBox="64 64 896 896" focusable="false" width="1em"
height="1em" fill="currentColor" aria-hidden="true">
<path
d="M904 160H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0 624H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0-312H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z">
</path>
</svg></span></div>
</div>
<div class="resize-handle"></div>
</div>
</div>
</div>
</div>
<div class="tablex-table-body" style="position: relative;">
<div style="position: relative; height: 558px; overflow: hidden auto; direction: ltr;">
<div style="height: 97220px; width: 200px; min-width: 200px; position: relative;">
<div class="tablex-table-row tablex-table-row-233 tablex__row--odd"
data-rowindex="233"
style="position: absolute; left: 0px; top: 9320px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 233 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">234</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 233 - Col 0">Row
233 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-234 tablex__row--even"
data-rowindex="234"
style="position: absolute; left: 0px; top: 9360px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 234 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">235</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 234 - Col 0">Row
234 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-235 tablex__row--odd"
data-rowindex="235"
style="position: absolute; left: 0px; top: 9400px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 235 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">236</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 235 - Col 0">Row
235 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-236 tablex__row--even"
data-rowindex="236"
style="position: absolute; left: 0px; top: 9440px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 236 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">237</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 236 - Col 0">Row
236 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-237 tablex__row--odd"
data-rowindex="237"
style="position: absolute; left: 0px; top: 9480px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 237 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">238</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 237 - Col 0">Row
237 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-238 tablex__row--even"
data-rowindex="238"
style="position: absolute; left: 0px; top: 9520px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 238 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">239</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 238 - Col 0">Row
238 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-239 tablex__row--odd"
data-rowindex="239"
style="position: absolute; left: 0px; top: 9560px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 239 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">240</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 239 - Col 0">Row
239 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-240 tablex__row--even"
data-rowindex="240"
style="position: absolute; left: 0px; top: 9600px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 240 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">241</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 240 - Col 0">Row
240 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-241 tablex__row--odd"
data-rowindex="241"
style="position: absolute; left: 0px; top: 9640px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 241 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">242</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 241 - Col 0">Row
241 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-242 tablex__row--even"
data-rowindex="242"
style="position: absolute; left: 0px; top: 9680px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 242 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">243</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 242 - Col 0">Row
242 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-243 tablex__row--odd"
data-rowindex="243"
style="position: absolute; left: 0px; top: 9720px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 243 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">244</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 243 - Col 0">Row
243 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-244 tablex__row--even"
data-rowindex="244"
style="position: absolute; left: 0px; top: 9760px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 244 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">245</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 244 - Col 0">Row
244 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-245 tablex__row--odd"
data-rowindex="245"
style="position: absolute; left: 0px; top: 9800px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 245 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">246</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 245 - Col 0">Row
245 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-246 tablex__row--even"
data-rowindex="246"
style="position: absolute; left: 0px; top: 9840px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 246 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">247</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 246 - Col 0">Row
246 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-247 tablex__row--odd"
data-rowindex="247"
style="position: absolute; left: 0px; top: 9880px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 247 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">248</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 247 - Col 0">Row
247 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-248 tablex__row--even"
data-rowindex="248"
style="position: absolute; left: 0px; top: 9920px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 248 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">249</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 248 - Col 0">Row
248 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-249 tablex__row--odd"
data-rowindex="249"
style="position: absolute; left: 0px; top: 9960px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 249 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">250</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 249 - Col 0">Row
249 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-250 tablex__row--even"
data-rowindex="250"
style="position: absolute; left: 0px; top: 10000px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 250 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">251</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 250 - Col 0">Row
250 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-251 tablex__row--odd"
data-rowindex="251"
style="position: absolute; left: 0px; top: 10040px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 251 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">252</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 251 - Col 0">Row
251 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-252 tablex__row--even"
data-rowindex="252"
style="position: absolute; left: 0px; top: 10080px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 252 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">253</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 252 - Col 0">Row
252 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-253 tablex__row--odd"
data-rowindex="253"
style="position: absolute; left: 0px; top: 10120px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 253 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">254</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 253 - Col 0">Row
253 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-254 tablex__row--even"
data-rowindex="254"
style="position: absolute; left: 0px; top: 10160px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 254 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">255</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 254 - Col 0">Row
254 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-255 tablex__row--odd"
data-rowindex="255"
style="position: absolute; left: 0px; top: 10200px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 255 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">256</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 255 - Col 0">Row
255 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-256 tablex__row--even"
data-rowindex="256"
style="position: absolute; left: 0px; top: 10240px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 256 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">257</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 256 - Col 0">Row
256 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-257 tablex__row--odd"
data-rowindex="257"
style="position: absolute; left: 0px; top: 10280px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 257 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">258</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 257 - Col 0">Row
257 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-258 tablex__row--even"
data-rowindex="258"
style="position: absolute; left: 0px; top: 10320px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 258 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">259</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 258 - Col 0">Row
258 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-259 tablex__row--odd"
data-rowindex="259"
style="position: absolute; left: 0px; top: 10360px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 259 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">260</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 259 - Col 0">Row
259 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-260 tablex__row--even"
data-rowindex="260"
style="position: absolute; left: 0px; top: 10400px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 260 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">261</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 260 - Col 0">Row
260 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-261 tablex__row--odd"
data-rowindex="261"
style="position: absolute; left: 0px; top: 10440px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 261 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">262</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 261 - Col 0">Row
261 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-262 tablex__row--even"
data-rowindex="262"
style="position: absolute; left: 0px; top: 10480px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 262 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">263</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 262 - Col 0">Row
262 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-263 tablex__row--odd"
data-rowindex="263"
style="position: absolute; left: 0px; top: 10520px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 263 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">264</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 263 - Col 0">Row
263 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-264 tablex__row--even"
data-rowindex="264"
style="position: absolute; left: 0px; top: 10560px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 264 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">265</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 264 - Col 0">Row
264 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-265 tablex__row--odd"
data-rowindex="265"
style="position: absolute; left: 0px; top: 10600px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 265 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">266</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 265 - Col 0">Row
265 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-266 tablex__row--even"
data-rowindex="266"
style="position: absolute; left: 0px; top: 10640px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 266 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">267</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 266 - Col 0">Row
266 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-267 tablex__row--odd"
data-rowindex="267"
style="position: absolute; left: 0px; top: 10680px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 267 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">268</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 267 - Col 0">Row
267 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-268 tablex__row--even"
data-rowindex="268"
style="position: absolute; left: 0px; top: 10720px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 268 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">269</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 268 - Col 0">Row
268 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-269 tablex__row--odd"
data-rowindex="269"
style="position: absolute; left: 0px; top: 10760px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 269 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">270</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 269 - Col 0">Row
269 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-270 tablex__row--even"
data-rowindex="270"
style="position: absolute; left: 0px; top: 10800px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 270 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">271</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 270 - Col 0">Row
270 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-271 tablex__row--odd"
data-rowindex="271"
style="position: absolute; left: 0px; top: 10840px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 271 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">272</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 271 - Col 0">Row
271 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-272 tablex__row--even"
data-rowindex="272"
style="position: absolute; left: 0px; top: 10880px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 272 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">273</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 272 - Col 0">Row
272 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-273 tablex__row--odd"
data-rowindex="273"
style="position: absolute; left: 0px; top: 10920px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 273 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">274</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 273 - Col 0">Row
273 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-274 tablex__row--even"
data-rowindex="274"
style="position: absolute; left: 0px; top: 10960px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 274 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">275</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 274 - Col 0">Row
274 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-275 tablex__row--odd"
data-rowindex="275"
style="position: absolute; left: 0px; top: 11000px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 275 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">276</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 275 - Col 0">Row
275 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-276 tablex__row--even"
data-rowindex="276"
style="position: absolute; left: 0px; top: 11040px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 276 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">277</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 276 - Col 0">Row
276 - Col 0</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-277 tablex__row--odd"
data-rowindex="277"
style="position: absolute; left: 0px; top: 11080px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
class="tablex__checkbox"><input type="checkbox"
class="tablex__checkbox__input" value="Row 277 - Col 1"><span
class="tablex__checkbox__inner"></span></span></div>
</div>
<div class="tablex-table-row-cell" style="width: 50px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">278</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 100px;">
<div class="tablex-table-row-cell-inner"><span title="Row 277 - Col 0">Row
277 - Col 0</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tablex-main" style="overflow: hidden;">
<div class="tablex-table">
<div class="tablex-table-head-container" style="margin-right: 12px; height: 40px;">
<div class="tablex-table-head" style="min-width: 400px; flex-direction: column;">
<div class="tablex-head-row" style="height: 40px; display: flex;">
<div class="tablex-table-head-cell" title="nick-1" style="height: 40px; width: 150px;">
<div class="tablex-table-head-cell-inner">
<div class="tablex__head__cell__title">nick-1<span
class="tablex-column-sort-indicator"
style="color: rgb(204, 204, 204); font-size: 12px; vertical-align: middle; margin-left: 5px;"></span><span
data-columnkey="column-21"
class="tablex__head__cell__title__dropdown"><svg viewBox="64 64 896 896"
focusable="false" width="1em" height="1em" fill="currentColor"
aria-hidden="true">
<path
d="M904 160H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0 624H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0-312H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z">
</path>
</svg></span></div>
</div>
<div class="resize-handle"></div>
</div>
<div class="tablex-table-head-cell" title="nick-2" style="height: 40px; width: 150px;">
<div class="tablex-table-head-cell-inner">
<div class="tablex__head__cell__title">nick-2<span
class="tablex-column-sort-indicator"
style="color: rgb(204, 204, 204); font-size: 12px; vertical-align: middle; margin-left: 5px;"></span><span
data-columnkey="column-31"
class="tablex__head__cell__title__dropdown"><svg viewBox="64 64 896 896"
focusable="false" width="1em" height="1em" fill="currentColor"
aria-hidden="true">
<path
d="M904 160H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0 624H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0-312H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z">
</path>
</svg></span></div>
</div>
<div class="resize-handle"></div>
</div>
<div class="tablex-table-head-cell" title="age"
style="height: 40px; width: 100px; flex-grow: 1; flex-shrink: 1;">
<div class="tablex-table-head-cell-inner">
<div class="tablex__head__cell__title">age<span
class="tablex-column-sort-indicator"
style="color: rgb(204, 204, 204); font-size: 12px; vertical-align: middle; margin-left: 5px;"></span><span
data-columnkey="column-4"
class="tablex__head__cell__title__dropdown"><svg viewBox="64 64 896 896"
focusable="false" width="1em" height="1em" fill="currentColor"
aria-hidden="true">
<path
d="M904 160H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0 624H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0-312H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z">
</path>
</svg></span></div>
</div>
<div class="resize-handle"></div>
</div>
</div>
</div>
</div>
<div class="tablex-table-body" style="position: relative;">
<div style="position: relative; height: 558px; overflow: auto; direction: ltr;">
<div style="height: 97220px; width: 100%; min-width: 400px; position: relative;">
<div class="tablex-table-row tablex-table-row-233 tablex__row--odd" data-rowindex="233"
style="position: absolute; left: 0px; top: 9320px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 233 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 233 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 233 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-234 tablex__row--even" data-rowindex="234"
style="position: absolute; left: 0px; top: 9360px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 234 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 234 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 234 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-235 tablex__row--odd" data-rowindex="235"
style="position: absolute; left: 0px; top: 9400px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 235 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 235 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 235 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-236 tablex__row--even" data-rowindex="236"
style="position: absolute; left: 0px; top: 9440px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 236 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 236 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 236 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-237 tablex__row--odd" data-rowindex="237"
style="position: absolute; left: 0px; top: 9480px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 237 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 237 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 237 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-238 tablex__row--even" data-rowindex="238"
style="position: absolute; left: 0px; top: 9520px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 238 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 238 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 238 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-239 tablex__row--odd" data-rowindex="239"
style="position: absolute; left: 0px; top: 9560px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 239 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 239 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 239 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-240 tablex__row--even" data-rowindex="240"
style="position: absolute; left: 0px; top: 9600px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 240 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 240 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 240 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-241 tablex__row--odd" data-rowindex="241"
style="position: absolute; left: 0px; top: 9640px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 241 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 241 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 241 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-242 tablex__row--even" data-rowindex="242"
style="position: absolute; left: 0px; top: 9680px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 242 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 242 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 242 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-243 tablex__row--odd" data-rowindex="243"
style="position: absolute; left: 0px; top: 9720px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 243 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 243 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 243 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-244 tablex__row--even" data-rowindex="244"
style="position: absolute; left: 0px; top: 9760px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 244 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 244 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 244 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-245 tablex__row--odd" data-rowindex="245"
style="position: absolute; left: 0px; top: 9800px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 245 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 245 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 245 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-246 tablex__row--even" data-rowindex="246"
style="position: absolute; left: 0px; top: 9840px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 246 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 246 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 246 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-247 tablex__row--odd" data-rowindex="247"
style="position: absolute; left: 0px; top: 9880px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 247 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 247 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 247 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-248 tablex__row--even" data-rowindex="248"
style="position: absolute; left: 0px; top: 9920px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 248 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 248 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 248 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-249 tablex__row--odd" data-rowindex="249"
style="position: absolute; left: 0px; top: 9960px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 249 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 249 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 249 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-250 tablex__row--even" data-rowindex="250"
style="position: absolute; left: 0px; top: 10000px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 250 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 250 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 250 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-251 tablex__row--odd" data-rowindex="251"
style="position: absolute; left: 0px; top: 10040px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 251 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 251 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 251 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-252 tablex__row--even" data-rowindex="252"
style="position: absolute; left: 0px; top: 10080px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 252 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 252 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 252 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-253 tablex__row--odd" data-rowindex="253"
style="position: absolute; left: 0px; top: 10120px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 253 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 253 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 253 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-254 tablex__row--even" data-rowindex="254"
style="position: absolute; left: 0px; top: 10160px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 254 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 254 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 254 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-255 tablex__row--odd" data-rowindex="255"
style="position: absolute; left: 0px; top: 10200px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 255 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 255 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 255 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-256 tablex__row--even" data-rowindex="256"
style="position: absolute; left: 0px; top: 10240px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 256 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 256 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 256 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-257 tablex__row--odd" data-rowindex="257"
style="position: absolute; left: 0px; top: 10280px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 257 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 257 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 257 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-258 tablex__row--even" data-rowindex="258"
style="position: absolute; left: 0px; top: 10320px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 258 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 258 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 258 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-259 tablex__row--odd" data-rowindex="259"
style="position: absolute; left: 0px; top: 10360px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 259 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 259 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 259 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-260 tablex__row--even" data-rowindex="260"
style="position: absolute; left: 0px; top: 10400px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 260 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 260 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 260 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-261 tablex__row--odd" data-rowindex="261"
style="position: absolute; left: 0px; top: 10440px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 261 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 261 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 261 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-262 tablex__row--even" data-rowindex="262"
style="position: absolute; left: 0px; top: 10480px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 262 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 262 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 262 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-263 tablex__row--odd" data-rowindex="263"
style="position: absolute; left: 0px; top: 10520px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 263 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 263 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 263 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-264 tablex__row--even" data-rowindex="264"
style="position: absolute; left: 0px; top: 10560px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 264 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 264 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 264 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-265 tablex__row--odd" data-rowindex="265"
style="position: absolute; left: 0px; top: 10600px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 265 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 265 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 265 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-266 tablex__row--even" data-rowindex="266"
style="position: absolute; left: 0px; top: 10640px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 266 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 266 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 266 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-267 tablex__row--odd" data-rowindex="267"
style="position: absolute; left: 0px; top: 10680px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 267 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 267 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 267 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-268 tablex__row--even" data-rowindex="268"
style="position: absolute; left: 0px; top: 10720px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 268 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 268 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 268 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-269 tablex__row--odd" data-rowindex="269"
style="position: absolute; left: 0px; top: 10760px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 269 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 269 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 269 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-270 tablex__row--even" data-rowindex="270"
style="position: absolute; left: 0px; top: 10800px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 270 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 270 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 270 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-271 tablex__row--odd" data-rowindex="271"
style="position: absolute; left: 0px; top: 10840px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 271 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 271 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 271 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-272 tablex__row--even" data-rowindex="272"
style="position: absolute; left: 0px; top: 10880px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 272 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 272 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 272 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-273 tablex__row--odd" data-rowindex="273"
style="position: absolute; left: 0px; top: 10920px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 273 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 273 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 273 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-274 tablex__row--even" data-rowindex="274"
style="position: absolute; left: 0px; top: 10960px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 274 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 274 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 274 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-275 tablex__row--odd" data-rowindex="275"
style="position: absolute; left: 0px; top: 11000px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 275 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 275 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 275 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-276 tablex__row--even" data-rowindex="276"
style="position: absolute; left: 0px; top: 11040px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 276 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 276 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 276 - Col 3</span></div>
</div>
</div>
<div class="tablex-table-row tablex-table-row-277 tablex__row--odd" data-rowindex="277"
style="position: absolute; left: 0px; top: 11080px; height: 40px;">
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 277 - Col 1</span></div>
</div>
<div class="tablex-table-row-cell" style="width: 150px;">
<div class="tablex-table-row-cell-inner" style="text-align: center;"><span
title="">Row 277 - Col 2</span></div>
</div>
<div class="tablex-table-row-cell"
style="flex-grow: 1; flex-shrink: 1; width: 100px;">
<div class="tablex-table-row-cell-inner" style="text-align: right;"><span
title="">Row 277 - Col 3</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><span style="width: 1px; height: 1px; position: absolute; display: none;"></span>
</div>

[NexxLuo]

尝试下关闭google的硬件加速

[shuozhang2016]

尝试下关闭google的硬件加速

已经关闭了。症状依然存在。

请问IE的问题有什么可以指导一下吗？现在IE11都报错启动不起来

[NexxLuo]

上面的IE错误信息，看起来代码都没转成es5。自行百度吧，或者直接参考一些脚手架的配置

[shuozhang2016]

请问，那现在mac上google和safari的问题有什么解决思路吗？ @NexxLuo

[condorheroblog]

上面的IE错误信息，看起来代码都没转成es5。自行百度吧，或者直接参考一些脚手架的配置

@NexxLuo

我是用最新的 create-react-app 搭建的脚手架，同时使用 react-app-polyfill 兼容了 IE11，我固定了左边两列，做无限滚动时，固定列和不固定列撕裂，请问怎么解决这个问题。

下图是演示效果：

[NexxLuo]

@condorheroblog ie浏览器？ 拷贝官网示例代码是否也有此问题？

[condorheroblog]

@NexxLuo 因为你的官网在 IE11 打不开，我只能在本地起一个项目并配置兼容 IE11 。然后用你官网的代码复制下来，加上固定列，在本地运行列撕裂，但是不加固定列效果很好。

[NexxLuo]

@condorheroblog 能否提供一个codesandbox?

[condorheroblog]

@NexxLuo tablex 在 codesandbox 能安装上，但是 import 的时候就会报错，其他包都没问题，没办法只能给你看文件了。

我的主要代码是：

import React from 'react';
import Table  from 'tablex';

class Demo extends React.Component {
	generateData(columns, count = 20, prefix = 'Row') {
		return new Array(count).fill(0).map((row, rowIndex) => {
			return columns.reduce(
				(rowData, column, columnIndex) => {
					rowData[column.dataIndex] =
						prefix + ' ' + rowIndex + ' - Col ' + columnIndex
					return rowData
				},
				{
					id: prefix + rowIndex,
					parentId: null,
				},
			)
		})
	}
	constructor(props) {
		super(props)
		const columns = [
			{
				dataIndex: 'column-1',
				key: 'column-1',
				title: 'number',
				width: 100,
				fixed: 'left'
			},
			{
				dataIndex: 'id',
				title: 'nick-1',
				key: 'column-21',
				maxWidth: 300,
				width: 150,
				align: 'center',
				fixed: 'left',
				render: (value, row, index) => {
					const obj = {
						children: value,
						props: {},
					}
					if (index === 6) {
						obj.props.rowSpan = 15
						obj.children = (
							<div
								style={{
									width: 12,
									wordBreak: 'break-all',
									whiteSpace: 'pre-line',
									margin: 'auto',
								}}
							>
								行数据合并
							</div>
						)
					}

					if (index === 1) {
						obj.props.colSpan = 2
						obj.children = <div>列数据合并</div>
					}

					return obj
				},
			},
			{
				dataIndex: 'column-31',
				key: 'column-31',
				title: 'nick-2',
				width: 150,
				align: 'center',
			},

			{
				dataIndex: 'age',
				key: 'column-4',
				title: 'age',
				align: 'right',
			},
		]

		let data = this.generateData(columns, 2000)

		this.state = {
			data: data,
			columns: columns,
		}
	}
	render() {
		let { columns, data } = this.state
		return (
			<Table
				rowKey="id"
				columns={columns}
				overscanCount={15}
				virtual={true}
				data={data}
				selectMode="multiple"
				orderNumber={true}
			/>
		)
	}
}

export default Demo;