title: How can I put bootstrap badge on the bootstrap tooltip?
body: <p>I try this</p>
  
  <pre><code>&lt;td&gt;
      &lt;button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="top"  data-placement="top"  title="&lt;span class="badge badge-pill badge-primary"&gt;15&lt;/span&gt;"&gt;
             &lt;i class="fas fa-list-alt"&gt;&lt;/i&gt;
      &lt;/button&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>But I only got the <code>'&lt;span class="badge badge-pill badge-primary"&gt;15&lt;/span&gt;'</code> not html badge?
  How can I put the html in the tooltip title?</p>
  
  <p>I try the data-html="ture" but still fail!
  I want to make the final purpose is</p>
  
  <pre><code>&lt;td&gt;
      &lt;button type="button" class="btn btn-default" data-toggle="tooltip"  data-html="ture" data-placement="top"  data-placement="top"  title="&lt;span class="badge badge-pill badge-primary"&gt;15&lt;/span&gt;&lt;span class="badge badge-pill badge-secondary"&gt;16&lt;/span&gt;&lt;span class="badge badge-pill badge-warning"&gt;17&lt;/span&gt;"&gt;
             &lt;i class="fas fa-list-alt"&gt;&lt;/i&gt;
      &lt;/button&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>I just got the tooltip for one badge</p>
  
  <p><a href="https://jsfiddle.net/housekeepings/rm0uade9/32/" rel="nofollow noreferrer">https://jsfiddle.net/housekeepings/rm0uade9/32/</a></p>
  
  <pre><code>&lt;html&gt;
  &lt;body&gt;
  &lt;table id="table_id" class="display"&gt;
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th&gt;
        head1
      &lt;/th&gt;
      &lt;th&gt;
        head2
      &lt;/th&gt;
      &lt;th&gt;
        head3
      &lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
    &lt;td&gt;
     see1 
    &lt;/td&gt;
      &lt;td&gt;
         &lt;div class="btn-group"&gt;
            &lt;button type="button" class="btn btn-default" data-toggle="tooltip"  data-html="true"  data-placement="top"  title="&lt;span class="badge badge-pill badge-primary"&gt;10&lt;/span&gt;"
  &gt; 
               &lt;i class="fas fa-list-alt"&gt;&lt;/i&gt;
            &lt;/button&gt;
          &lt;/div&gt;
      &lt;/td&gt;
      &lt;td&gt;
         &lt;div class="btn-group"&gt;
            &lt;button type="button" class="btn btn-default" data-toggle="tooltip"  data-html="true"  data-placement="top"  title="&lt;em&gt;Tooltip&lt;/em&gt; &lt;u&gt;with&lt;/u&gt; &lt;b&gt;HTML&lt;/b&gt;"&gt; 
               &lt;i class="fas fa-list-alt"&gt;&lt;/i&gt;
            &lt;/button&gt;
          &lt;/div&gt;
       &lt;/td&gt;
      &lt;td&gt;
       &lt;div class="btn-group"&gt;
            &lt;button type="button" class="btn btn-default" data-toggle="tooltip"  data-html="true"  data-placement="top"  title="Something with badge &lt;span class='badge badge-primary'&gt;12&lt;/span&gt;"&gt; 
               &lt;i class="fas fa-list-alt"&gt;&lt;/i&gt;
            &lt;/button&gt;
          &lt;/div&gt;  
      &lt;/td&gt;
     &lt;/tr&gt;
  &lt;/tbody&gt;
  &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>