JSFiddle - React, Tailwind, and code Playground

by sanurmi

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.css">
  

<body ng-app="">
    <div ng-init="rmas = [
  {
    brand: "TIK",
    extraInfo: "lisäinfoa",
    isWarranty: false,
    litm: "T00000245",
    lotn: "00004",
    model: "A10499",
    retailer: 40001,
    retailerName: "mr Retailer",
    rmaId: 1},
  {
    brand: "SAK",
    extraInfo: "LISÄÄÄ",
    isWarranty: false,
    litm: "S2181105",
    lotn: "003500",
    model: "A30340",
    retailer: 40011,
    retailerName: "MALL SAM",
    rmaId: 2
  },
  {
    brand: "TIK",
    extraInfo: "LISÄÄÄ",
    isWarranty: false,
    litm: "T00000245",
    lotn: "00004",
    model: "A10499",
    retailer: 40000,
    retailerName: "ULF SVENSSON",
    rmaId: 3
  }
]"></div>
   <div ng-init="friends = [{name:'John', phone:'555-1276'},
                         {name:'Mary', phone:'800-BIG-MARY'},
                         {name:'Mike', phone:'555-4321'},
                         {name:'Adam', phone:'555-5678'},
                         {name:'Julie', phone:'555-8765'},
                         {name:'Juliette', phone:'555-5678'}]"></div>
    
   

<label>Search: <input ng-model="searchText"></label>
<table id="searchTextResults">
  <tr><th>rmaId </th>  <th> retailerName </th><th> litm</th></tr>
  <tr ng-repeat="rma in rmas | filter:searchText">
    <td>{{rma.rmaId}}</td>
    <td>{{rma.retailerName}}</td>
    <td>{{rma.litm}}</td>
  </tr>
</table>
    <table id="searchTextResults">
  <tr><th>Name</th><th>Phone</th></tr>
  <tr ng-repeat="friend in friends | filter:searchText">
    <td>{{friend.name}}</td>
    <td>{{friend.phone}}</td>
  </tr>
</table>
<hr>

</body>