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 angular+unsubscr...@googlegroups.com. To post to this group, send email to angular@googlegroups.com. Visit this group at http://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.