4つのグリッドの連結での問題点

[ak_ext]

訳あって4つのグリッドを連結して、
一つのグリッドとして使える物を
作っているのですが、
サンプルを添付しました。

1つ目左の固定グリッド
2つ目中央の稼動グリッド
3つ目上端のスクロールバーのグリッド(実体はけしてます)
4つ目下部の合計行を表示するグリッド

問題点が発生してます。
2つ目の稼動グリッドは、それ自体のスクロールバーは非表示にして、
3つ目4つ目のスクロールバーと連動して動くようになっています。
2つ目のグリッドは編集できるのですが、例えば右にスライドして、
掲載料ターゲットという項目を編集してEnterボタンを押下すると、
上下のスクロールバーが移動してしまいます。
2つ目のグリッドは上下のスクロールと連動して動くので、
グリッド自体も左にずれてしまいます。

この原因がまったく分かりません。
もし原因が分かる方がいたらご教授頂けないでしょうか。

何卒宜しくお願いします。

[ak_ext]

4つグリッドをくっつけてる時点で、
おかしな動きがでそうな気がしていたのですが、
やりたい事を実現するのに、
これしか方法が浮かびませんでした。

[ak_ext]

編集した後、グリッドが移動してしまう原因は
編集後トータル値を表示するグリッドでデータロードをしているせいでした。
初期表示にロードして、後はstoreのsetを使えば解決できました。