title: html table inside ngbTooltip
body: <p>I am using angular 4 with bootstrap 4 and ng-bootstrap. I have a requirement where when user hovers over an info icon, a html table should be displayed as right tooltip. This is the line of code where I am using the tool tip:</p>
  
  <pre><code>&lt;i class="fa fa-info-circle" aria-hidden="true" style="margin-top: auto; color: skyblue; padding-bottom: 5px;" placement="right" ngbTooltip="Tooltip on right"&gt;&lt;/i&gt;
  </code></pre>
  
  <p>Right now, if I hover over the icon I only get the content mentioned in ngbTooltip. I tried putting html code, something like  <code>ngbTooltip="&lt;h1&gt;Test Content&lt;/h1&gt;"</code> but it just displays everything as text and not h1</p>
  
  <p>I searched SO also, many people suggested to use jquery plugin for this, but am afraid, I am not allowed to use jquery plugin here. So, is there anyway I can get a html table here on hover or any other work around??</p>
  
  <p>TIA</p>