JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.js"></script>
<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/intro.js/0.5.0/introjs.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/intro.js/0.5.0/intro.min.js"></script>
<button id="intro">Start Intro</button>
<br><br>
<table cellpadding="0" cellspacing="0" border="0" class="display" id="example"></table>

JavaScript

$(document).ready(function() {
    $('#example').dataTable( {
        "aaData": [
            /* Reduced data set */
            [ "Trident", "Internet Explorer 4.0", "Win 95+", 4, "X"],
            [ "Webkit", "Safari 3.0", "OSX.4+", 522.1, "A"],
            [ "Webkit", "Safari 3.0", "OSX.4+", 522.1, "A"],
            [ "Webkit", "Safari 3.0", "OSX.4+", 522.1, "A"],
            [ "Webkit", "Safari 3.0", "OSX.4+", 522.1, "A"],
            [ "Webkit", "Safari 3.0", "OSX.4+", 522.1, "A"],
            [ "Webkit", "Safari 3.0", "OSX.4+", 522.1, "A"],
            [ "Webkit", "Safari 3.0", "OSX.4+", 522.1, "A"],
            [ "Webkit", "Safari 3.0", "OSX.4+", 522.1, "A"],
            [ "Webkit", "Safari 3.0", "OSX.4+", 522.1, "A"],
            [ "Webkit", "Safari 3.0", "OSX.4+", 522.1, "A"],
            [ "Webkit", "Safari 3.0", "OSX.4+", 522.1, "A"],
            [ "Webkit", "Safari 3.0", "OSX.4+", 522.1, "A"],
            [ "Webkit", "Safari 3.0", "OSX.4+", 522.1, "A"],
            [ "Webkit", "Safari 3.0", "OSX.4+", 522.1, "A"],
            [ "Webkit", "Safari 3.0", "OSX.4+", 522.1, "A"]
        ],
        "aoColumns": [
            { "sTitle": "Engine" },
            { "sTitle": "Browser" },
            { "sTitle": "Platform" },
            { "sTitle": "Version", "sClass": "center" },
            { "sTitle": "Grade", "sClass": "center" }
            
        ],
        "fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) {
            if (aData[1] === 'Firefox 2') {
                $('td:eq(1)', nRow)
                    .attr('data-intro', 'This column shows the browser type.')
                    .attr('data-step', '2');
            }
        },
        "fnInitComplete": function(oSettings, json) {
            $('#example_length')
                .attr('data-intro', 'Select the number of entries to show.')
                .attr('data-step', '1')
                .attr('id', 'clickable');
        }
    } );
    
    $('#intro').click(function()...