JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://jp.igniteui.com/js/modernizr.min.js"></script>
<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
<script src="https://cdn-na.infragistics.com/igniteui/latest/js/infragistics.core.js"></script>
<script src="https://cdn-na.infragistics.com/igniteui/latest/js/infragistics.lob.js"></script>
<link href="https://cdn-na.infragistics.com/igniteui/latest/css/themes/infragistics/infragistics.theme.css" rel="stylesheet"></link>
<link href="https://cdn-na.infragistics.com/igniteui/latest/css/structure/infragistics.css" rel="stylesheet"></link>
<script src="https://cdn-na.infragistics.com/igniteui/latest/js/i18n/infragistics-ja.js"></script>

<table id="table" class="standard-grid">
        <thead>
            <tr>
                <th>
                    画像
                </th>
                <th>
                    名前
                    
                </th>
                <th>
                    メモ                   
                </th>
            </tr>
        </thead>
        <tbody></tbody>
    </table>
    <br />

CSS

.standard-grid { width:100%; border-top:1px solid #b1b1b1; border-right:1px solid #b1b1b1; border-spacing: 0;}
        .standard-grid th, .standard-grid td { text-align:left; border-bottom:1px solid #b1b1b1; border-left:1px solid #b1b1b1; padding:4px;}

JavaScript

$(function () {
            // Renders the table
            var renderTable = function (success, error) {
                var template = "<tr><td><img width='90' height='100' src='${ImageUrl}' /img></td></td><td>${Name}</td><td>{{html Notes}}</td></tr>";
                if (success) {
                    $("#table tbody").empty();
                    $($.ig.tmpl(template, ds.dataView())).appendTo("#table tbody");
                } else {
                    alert(error);
                }
            }

            // The $.ig.DataSchema is used to define the schema of the data
            var oDataSchema = new $.ig.DataSchema("json", { 
                fields: [
                    { name: "Name" },
                    { name: "ImageUrl" },
                    { name: "Notes" }
                ],
                searchField: "d.results"
            });


            // service Url
            var url = "https://www.igniteui.com/api/employees?callback=?";

            // This code creates an $.ig.DataSource bound to oData service
            var ds = new $.ig.DataSource({
                type: "remoteUrl",
                callback: renderTable,
                dataSource: url,
                schema: oDataSchema,
                responseDataKey: "d.results",
                responseDataType: "jsonp",
                responseContentType: "application/json; charset=utf-8"
            });

            // Binds to the underlying data
            ds.dataBind();
        });