Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div class="resultsTable">
- <table style="display: inline-table">
- <tr ng-repeat="result in results" class="resultsBox">
- <td>
- <img src="{{result.imageUrl}}" width="200px">
- <h4>{{result.name}}</h4>
- </td>
- </tr>
- </table>
- </div>
- .resultsBox{
- background-color: #ffffff;
- height: 200px;
- width: 200px;
- padding-left: 10px;
- padding-top: 20px;
- }
- .resultsBox>img{
- max-width: 200px;
- margin-left: auto;
- margin-right: auto;
- }
- .resultsTable{
- max-height: 500px;
- overflow: scroll;
- display: inline-table;
- height: 500px;
- }
- <div class="resultsTable">
- <table style="display: inline-table">
- <tr ng-repeat="row in results"> //loop over all row of 2 elements
- <td ng-repeat="cell in row" class="resultsBox"> //loop over elements
- <img src="{{cell.imageUrl}}" width="200px">
- <h4>{{cell.name}}</h4>
- </td>
- </tr>
- </table>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement