使用ng-repeat

Question

我有一张有两行和一列的表

一个td具有ng-repeat的div，显示所有程序都常见的问题。 另一个td的另一个div包含多个程序，每个程序对每个问题都有多个选择（选择）

问题在于，可以有1到10个程序。显示的所有程序均以滚动方式水平显示。问题在于程序正在换行到下一行而不滚动。

我的代码

<table >
    <tr style="text-align: left">
        <td width="50%">
            <span>{{QuestionName}}</span>
                <div ng-repeat="question in QuestionList" class="myclass">
                    <span style="text-align: left;"> {{$index + 1}}.&nbsp;&nbsp;&nbsp;{{question.QuestionText}}</span>
                </div>
        </td>
        <td width="50%">
            <div style="overflow-x: auto; width:auto; ">
                <div ng-repeat="ansList in ProgramAnswerList" style="display: inline-block;">
                    <span> {{ansList.ProgramName}}</span>
                    <div ng-repeat="ansItem in ansList.AnswerList" style="margin: .15em .15em .15em .15em; ">
                        <select name="ans_{{item.SectionID}}_{{$index}}" ng-model="ansItem.SelAns" class="form-control" ng-selected="ansItem.SelAns" ng-required="true" ng-options="ans as ans.AnswerText for ans in ansItem.AnswerList track by ans.AnswerID" ng-disabled="IsReadOnlyView">
                              <option value="">--Select--</option>
                        </select>
                     </div>
                  </div>
             </div>
        </td>
    </tr>
 </table>

我在这里创建了一个示例

http://jsfiddle.net/2rEyt/454/

并在此处简化

http://jsfiddle.net/2rEyt/498/

我们将非常感谢您的帮助