Jquery IE中剑道面板条内滚动会产生垂直线缺陷

我已经创建了一个使用

Kendo PanelBar

的页面。在酒吧里我有一张桌子：

我正在制作一个

Kendo（Telerik）面板条

，其中包含一个表

这是html：

<ul id="#panelBar-ID" class="operatorPanel" style="margin-bottom: 10px;">
    <li class="operatorGroup">

        <table style="width: 100%;">
           <tr><td>Some content</td></tr>
        </table>
       <div>
            <div class="table-responsive" style="background-color: white;">
                <table style="width:100%;" class="table dataTable">
                    <tr>
                        <th></th>
                        <th class="currencyRightAlign">Column1</th>
                        <th class="currencyRightAlign">Column2</th>
                        <th class="currencyRightAlign">Column3</th>
                        <th class="currencyRightAlign">Column4</th>
                        <th class="currencyRightAlign">Column5</th>
                        <th class="currencyRightAlign">Column6</th>
                        <th class="currencyRightAlign">TotalSales</th>
                    </tr>
                    <tr>
                        <td>Sales</td>
                        <td class="currencyRightAlign">@Html.DisplayFor(item => @file.Sales1, "CurrencyFormatter")</td>
                        <td class="currencyRightAlign">@Html.DisplayFor(item => @file.Sales2, "CurrencyFormatter")</td>
                        <td class="currencyRightAlign">@Html.DisplayFor(item => @file.Sales3, "CurrencyFormatter")</td>
                        <td class="currencyRightAlign">@Html.DisplayFor(item => @file.Sales4, "CurrencyFormatter")</td>
                        <td class="currencyRightAlign">@Html.DisplayFor(item => @file.Sales5, "CurrencyFormatter")</td>
                        <td class="currencyRightAlign">@Html.DisplayFor(item => @file.Sales6, "CurrencyFormatter")</td>
                        <td class="currencyRightAlign">@Html.DisplayFor(item => @file.TotalSales, "CurrencyFormatter")</td>
                    </tr>
                </table>
            </div>
        </div>
    </li>
</ul>

<script type="text/javascript">

      $(window).resize(function () {
         if ($("#tblScroll").width() < 500) {
              $("#tblScroll").css({ 'overflow-x': 'scroll' });
         }
       });
</script>

一些内容
专栏1
专栏2
第3栏
专栏4
专栏5
第6栏
总销售额
销售额
@Html.DisplayFor（item=>@file.Sales1，“CurrencyFormatter”）
@Html.DisplayFor（item=>@file.Sales2，“CurrencyFormatter”）
@Html.DisplayFor（item=>@file.Sales3，“CurrencyFormatter”）
@Html.DisplayFor（item=>@file.Sales4，“CurrencyFormatter”）
@Html.DisplayFor（item=>@file.Sales5，“CurrencyFormatter”）
@Html.DisplayFor（item=>@file.Sales6，“CurrencyFormatter”）
@Html.DisplayFor（item=>@file.TotalSales，“CurrencyFormatter”）


$（窗口）。调整大小（函数（）{
如果（$（“#tblScroll”）.width（）<500）{
$（“#tblScroll”）.css（{'overflow-x'：'scroll'}）；
}
});

当表格宽度小于某个数字时，将显示水平滚动条

当我向左滚动然后向右滚动时，一些奇怪的垂直线出现在桌子上：

我怎样才能消除这个缺陷