JSFiddle - React, Tailwind, and code Playground

by Deepak Anand

HTML

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/dojo/1.8/dijit/themes/claro/claro.css">

<body class="claro">
 <div id="myTable">
     <div class = "rows" tooltipText="tooltip for row 1">row 1</div>
     <div class = "rows"  tooltipText="tooltip for row 2">row 2</div>
     <div class = "rows"  tooltipText="tooltip for row 3">row 3</div>
</div>
</body>

JavaScript

require(["dijit/Tooltip", "dojo/query!css2", "dojo/domReady!"], function(Tooltip){
    new Tooltip({
        connectId: "myTable",
        selector: ".rows",
        getContent: function(matchedNode){
            return matchedNode.getAttribute("tooltipText");
        }
    });
});