JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://yui.yahooapis.com/3.14.1/build/yui/yui-min.js"></script>

<body class="yui3-skin-sam"> 
    <div id="dataTableHolder"></div>

    
</body>

JavaScript

YUI().use("datatable", function (Y) {

    var dataSource = [
 { id: "ga_3475", name: "gadget",   price: "$6.99" },
        {id: "sp_9980", name: "sprocket", price: "$3.75" },
            { id: "wi_0650", name: "widget",   price: "$4.25" }

];
    
    // A table from data with keys that work fine as column names
    var dataTable = new Y.DataTable({
        columns:[{key:"id", label:"ID"}, {key:"name",label:"NAME"}, {key:"price", label:"PRICE"}], 
        data   : dataSource,
        summary: "Price sheet for inventory parts",
        caption: "Jhtml Basic DataTable YUI 3"
    });
    
    dataTable.render("#dataTableHolder");

});