IE11无法使用D3显示表格？

Question

我正在使用以下表格

var table = svg.append("foreignObject")
.attr("y",0)
.attr("width", "100%")
.attr("height", "50%")
.append("xhtml:body")

table.append("table")

table.append('thead').append('tr')
  .selectAll('th')

  .data(scope.columns).enter()
  .append('th')
  .attr('class', function(d) {
    return d.cl;
  })
  .text(function(d) {
    return d.head;
  });

// append body rows
table.append('tbody')
  .selectAll('tr')
  .data(scope.movies).enter()
  .append('tr')
  .selectAll('td')
  .data(function(row, i) {
    // evaluate column objects against the current row
    return scope.columns.map(function(c) {
      var cell = {};
      d3.keys(c).forEach(function(k) {
        cell[k] = typeof c[k] == 'function' ? c[k](row, i) : c[k];
      });
      return cell;
    });
  }).enter()
  .append('td')
  .html(function(d) {
    return d.html;
  })
  .attr('class', function(d) {
    return d.cl;
  });  

这在Chrome和Firefox中完美运行。在IE11中无法显示表

包括小提琴：https://jsfiddle.net/andrewarnier/fzssLmmf/1/

感谢任何帮助。