JSFiddle - React, Tailwind, and code Playground

by Mabuti

HTML

<script src="http://positivenull.net/famous/fiddle/famousBox.js"></script>
<link rel="stylesheet" href="http://cdn.datatables.net/plug-ins/be7019ee387/integration/jqueryui/dataTables.jqueryui.css">
<script src="http://cdn.datatables.net/1.10.0/js/jquery.dataTables.js"></script>

JavaScript

define('main', function(require, exports, module) {
    
    var Engine = require('famous/core/Engine');
    var Surface = require('famous/core/Surface');
    
    var mainContext = Engine.createContext();
    
    var surface = new Surface({
        size: [800, 800],
        content: 'test<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"></table>'
    });
    
    _jQueryHandler();
    
    mainContext.add(surface);
    
    surface.on('deploy', function() {
        _jQueryHandler();
    });
    
    function _jQueryHandler() {
        
var dataSet = [
    ['Trident','Internet Explorer 4.0','Win 95+','4','X'],
    ['Trident','Internet Explorer 5.0','Win 95+','5','C'],
    ['Trident','Internet Explorer 5.5','Win 95+','5.5','A'],
    ['Trident','Internet Explorer 6','Win 98+','6','A'],
];
 
    $('#example').dataTable( {
        "data": dataSet,
        "columns": [
            { "title": "Engine" },
            { "title": "Browser" },
            { "title": "Platform" },
            { "title": "Version", "class": "center" },
            { "title": "Grade", "class": "center" }
        ]
    } );
    };
});