如何在AngularJS中水平滚动而不是垂直滚动时修复表中的第一列

Question

我在表格中显示我们正在显示一些记录的数据，我想在水平滚动中修复第一列位置但是如果滚动是垂直的则想要滚动它。

   <table id="example" class="table table-striped table-bordered">
        <tr>
            <th>
                SRD_NAME
            </th>
            <th>
                CREATED_BY_USER_ID
            </th>
            <th>
                SRD_NAME_ID
            </th>
            <th>
                CREATED_TS
            </th>
        </tr>
        <tr ng-repeat="testdata in testdatas1 | filter:searchText| limitTo: myLimit">
            <td >
                {{testdata.sRD_NAME}}
            </td>
            <td>
                {{testdata.cREATED_BY_USER_ID}}
            </td>
            <td>
                {{testdata.sRD_NAME_ID}}
            </td>
            <td>
                {{testdata.cREATED_TS}}
            </td>
        </tr>
    </table>

请告诉我如何实现这一目标。