I created a Plunker that is filtering a table created with <div> elements:
Plunker: Filter a list with an input field<http://plnkr.co/edit/4C515jYR9p8w5vfQZcHO?p=preview> So, I've got something working. Hopefully from this simple example, I can figure out what I'm doing wrong. On Friday, May 16, 2014 4:12:04 PM UTC-4, Trash Match wrote: > > 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.
![https://googledrive.com/host/0B52Ydh464yS56hP6W57SWM/E3_16453EeR90_B.jpg"](https://googledrive.com/host/0B52Ydh464yS56hP6W57SWM/E3_16453EeR90_B.jpg"){kind=link}