移动水平滚动条时，Telerik Grid中的标题栏不会与主体一起滚动

Question

基本上，我有两个Telerik网格。现在，我有一个复选框来同步两个网格中的水平滚动条，并希望在取消选中复选框时禁用同步。现在，问题在于，只要禁用复选框，即执行解除绑定功能，两个Telerik网格中的标题栏就不会与各个Telerik网格中正文中的相应内容一起滚动。我相信unbind（“滚动”）打破了标题和正文之间的联系，我想如果我能以某种方式将Telerik网格中的标题栏重新绑定到滚动函数，问题就解决了。我试过简单地写（“选择器”）.bla。（“滚动”），但这不起作用。我们欢迎不同的解决问题的方法。

  $(function () {

        $("#checkboxforscrollbarsyncHorizontal").change(function () {
            if (this.checked) {

             // The following code was written to try to rebind the header bar with its scroll event
             //   $('#firstscrollbarlb .t-grid-content').unbind("scroll");
             //   $('#secondscrollbarlb .t-grid-content').unbind("scroll");

         firstscrollbarlb

                $('#firstscrollbarlb .t-grid-content').scroll(function () {
                    var varforfirstscrollbar = $(this).scrollLeft();
                    $('#secondscrollbarlb .t-grid-content').scrollLeft(varforfirstscrollbar);

                });

                $('#secondscrollbarlb .t-grid-content').scroll(function () {

                    var varforsecondscrollbar = $(this).scrollLeft();
                    $('#firstscrollbarlb .t-grid-content').scrollLeft(varforsecondscrollbar);

                });


                });
            }

            else {

                $('#firstscrollbarlb .t-grid-content').unbind("scroll");
                $('#secondscrollbarlb .t-grid-content').unbind("scroll");

            }

        });
    })(checkboxcheckerHorizontal);

这是网格

         <table>
          <tr>
          <td id="firstscrollbarlb">
            //The Telerik Grid code goes here
          </td>

          <td id="secondscrollbarlb">
           //The Telerik Grid code goes here
         </td> 
        </tr>
       </table>

这是输入代码

  <input type="checkbox" id="checkboxforscrollbarsyncHorizontal" onClick="checkboxcheckerHorizontal();"/>Horizontal