Начальная загрузка карусели с табличными данными в angularjs

Question

Я пытаюсь показать свою таблицу с помощью ползунка, но она отображается в одной строке, иначе все данные отображаются на одном ползунке, но я хочу показать 10,10 записей на одном ползунке.

Это то, что я пробовал, но сейчас работает.

<uib-carousel interval="myInterval">
  <uib-slide ng-repeat="user in test" active="active" index="$index">
    <div class="row">
      <div class="col-md-12 col-xs-12">
        <div class="table-responsive">
          <table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" id="example">
            <thead>
              <tr>
                <th>Name</th>
                <th>
                  <center>Address</center>
                </th>
                <th>Person</th>
                <th>Number</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td ng-click="gotoEdit(user) " class="curPointer "><a><u>{{user.Name}}</u></a></td>
                <td>{{ user.address.addressLine1}},{{user.address.city}},{{user.address.zipcode}}</td>
                <td>{{ user.Person}}</td>
                <td>{{ user.Phone}}</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </uib-slide>
</uib-carousel>