I finally found the cause (more or less) in my situation. I was experiencing the div for the locked columns being to small and stumbled upon the realization that it was only happening for columns where my first column contained Icon buttons.
It appears that the Icons were forcing the height to be greater than for the non locked portion of the row.
my non working client template
<span title='Edit'><a href=" + @Url.Content("~/MonitoringReports/Edit/") + "#= MonitoringReportID # > <i class='btn btn-default glyphicon glyphicon-edit'></i></a></span>"
My Working Client Template Removes the btn class:
<span title='Edit'><a href=" + @Url.Content("~/MonitoringReports/Edit/") + "#= MonitoringReportID # > <i class=' btn-default glyphicon glyphicon-edit'></i></a></span>"
With the button not being larger than the text in the non locked side, all seems to be well.
The button class had the following, I suspect the line height was the culprit.
padding: 6px 12px;
border: 1px solid transparent;
Not really happy that this type of issue is a problem although I recognize that the insanity of the underlying technologies is partially responsible.