title: Highcharts table style in tooltips not working
body: <p>My Highchart works fine, but something went wrong with the tooltips.
  I want table styled tooltips, and I found an official sample which matches. After lots of trying it is just not working properly.
  Please check my js and also have a look my jsfiddle.</p>
  
  <p>This my Highchart:
  <a href="https://jsfiddle.net/bardirian/5qndmvLh/2" rel="nofollow noreferrer">https://jsfiddle.net/bardirian/5qndmvLh/2</a></p>
  
  <pre><code>    tooltip: {
      useHTML: true,
      headerFormat: '&lt;table&gt;',
      pointFormat: '&lt;tr&gt;&lt;th colspan="2"&gt;&lt;h3&gt;&lt;b&gt;{series.name}　　&lt;/b&gt;&lt;/h3&gt;&lt;/th&gt;&lt;/tr&gt;' +
          '&lt;tr&gt;&lt;th&gt;FS:&lt;/th&gt;&lt;td&gt;{point.x}&lt;/td&gt;&lt;/tr&gt;' +
          '&lt;tr&gt;&lt;th&gt;　AT:&lt;/th&gt;&lt;td&gt;{point.y}&lt;/td&gt;&lt;/tr&gt;',
      footerFormat: '&lt;/table&gt;',
      valueDecimals: 2
    }
  </code></pre>
  
  <p>This is the official demo:
  <a href="http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/tooltip/footerformat/" rel="nofollow noreferrer">http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/tooltip/footerformat/</a></p>