I've created a table with <DIV> elements instead of the HTML <table>
element. ng-repeat will populate the <div> "table" just as it would a
<table> table. But filter and sort now won't work.
This is how the HTML for the table built with <div> elements looks:
<div id="StoresTbl" show-filter="true" class="table">
<div data-ng-repeat="rows in storeItemsData | filter:rows |
orderBy:orderProp" Style="float:left; width:22%;">
<img
src="https://googledrive.com/host/0B52Ydh464yS56hP6W57SWM/E3_16453EeR90_B.jpg";
alt="Picture One" width="98%" style="margin-left: 2px; margin-top: 2px">
<div ng-click="showStorePics(rows.am, rows.ai, rows.aj, rows.ak,
rows.al, rows.ae, rows.ac)" style="cursor:pointer;
color:blue;">Pics/Buy?</div>
<div id="daPrice" style="text-align:right;
display:inline">${{rows.ac}}</div>
<div style='display:inline'>{{rows.ab}}</div>
<div style='display:inline'>{{rows.ad}}</div>
<div style='display:inline'>{{rows.ae}}</div>
<div style='display:inline'>{{rows.af}}</div>
<div style='display:inline'>{{rows.ag}}</div>
<div style='display:inline'>{{rows.meet}}</div>
<div style="display:none">{{rows.ai}}</div>
<div style="display:none">{{rows.aj}}</div>
<div style="display:none">{{rows.ak}}</div>
<div style="display:none">{{rows.al}}</div>
<div id="listID" style="display:none">{{rows.am}}</div>
</div>
</div>
This is how the HTML for the table built with a <table> element looks:
<table id="OffrdTbl" show-filter="true" class="table">
<tr data-ng-repeat="rows in UsedItems | filter:rows |
orderBy:orderProp">
<td ng-click="showPics(rows.am, rows.ai, rows.aj, rows.ak,
rows.al, rows.ae, rows.ac)" style="cursor:pointer;
color:blue;">Pics/Buy?</td>
<td>{{rows.ab}}</td>
<td id="daPrice" style="text-align:right">${{rows.ac}}</td>
<td>{{rows.ad}}</td>
<td>{{rows.ae}}</td>
<td>{{rows.af}}</td>
<td>{{rows.ag}}</td>
<td>{{rows.meet}}</td>
<td style="display:none">{{rows.ai}}</td>
<td style="display:none">{{rows.aj}}</td>
<td style="display:none">{{rows.ak}}</td>
<td style="display:none">{{rows.al}}</td>
<td id="listID" style="display:none">{{rows.am}}</td>
</tr>
</table>
Can I filter data that is NOT in a table created by the <table> tag? How
do I do that?
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
![https://googledrive.com/host/0B52Ydh464yS56hP6W57SWM/E3_16453EeR90_B.jpg"](https://googledrive.com/host/0B52Ydh464yS56hP6W57SWM/E3_16453EeR90_B.jpg"){kind=link}