title: How can I make Tippy tooltip work in table?
body: <p>I can't use tooltipster or tippy.js tooltips in my table. It's a cryptic table with technical data and working tooltips would be a big help. The table below works fine, except that the Tippy tooltips don't display anything, regardless of where the tooltip js is placed (td or input). And the tooltips work fine in regular html elsewhere on the page.</p>
  <p><strong>Am I out of luck and stuck with using browser title assignment ?</strong></p>
  <pre><code>&lt;div id = 'wrapper'&gt;&lt;/div&gt;
  
  items = &quot;&quot;;
  
  items += '&lt;table&gt;';
  
  for (let i = 1; i &lt;= 48; i++) {
  
  items += '&lt;tr&gt;';
  
  // ENTRANCE FEE 
  items += `&lt;td data-tippy-content = &quot;EF&quot;&gt;
  &lt;input maxlength = &quot;2&quot; id = &quot;E${i}&quot; /&gt;&lt;/td&gt;`;
  
  items += '&lt;/tr&gt;';
  }
  
  items += '&lt;/table&gt;';
  
  document.getElementById(&quot;wrapper&quot;)innerHTML = items;
  
  
  
  &lt;script src=&quot;https://unpkg.com/@popperjs/core@2&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;https://unpkg.com/tippy.js@6&quot;&gt;&lt;/script&gt;
  &lt;script&gt;tippy('[data-tippy-content]');&lt;/script&gt;
  </code></pre>