首页 > 解决方案 > 在angularjs中带有表格数据的引导轮播

问题描述

我试图用滑块显示我的表格,但它显示在一行中,或者整个数据显示在一个滑块中,但我想在一个滑块中显示 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>

标签: javascriptangularjsbootstrap-4

解决方案


推荐阅读