JSFiddle - React, Tailwind, and code Playground

by martijngr

HTML

<div ng-controller="ProductController">
<table id="tblProducts">
    <thead>
        <tr>
            <th>
                Code
            </th>
            <th>
                Product
            </th>
            <th>
                Beleggingstype
            </th>
            <th>
                Inlegtype
            </th>
            <th>
                Index
            </th>
        </tr>
    </thead>
    <tbody id="productRows">
        <tr data-ng-repeat="product in products | filter: search">
            <td>{{ product.Code}}</td>
            <td colspan="8">{{ product.Name}}</td>
        </tr>
    </tbody>
</table>
</div>

JavaScript

var app = angular.module('App', []);

app.controller('ProductController', function($scope){
    {
        var products = [
            { Code: 'AA', Name: 'Product A' },
            { Code: 'BB', Name: 'Product B' },
            { Code: 'CC', Name: 'Product C' },
            { Code: 'DD', Name: 'Product D' },
            { Code: 'EE', Name: 'Product E' }
        ];
        $scope.products = products;
    });