.net - 使用 jquery 数据表导出图标数据而不是空数据

Question

我有一个 jquery 数据表。我的 UI 表在其中一列中有图标。当我单击下载时，它会下载 csv 文件。但是代替图标，它显示的是空单元格。但我希望该图标的文本显示在那里。我尝试了以下网址。

我试图在下面的链接中展示我的场景（但这里它没有显示图标，但它在标签中有标题，该标题必须在图标标题下的 excel 文件中）。

示例：https ://jsfiddle.net/ttse23/ruvvb2rc/

HTML

<h1>Print test</h1>
<div class="data-table-container">
  <table class="table table-hover table-striped table-bordered data-table">
    <thead>
      <tr>
        <th class="text-right">No.</th>
        <th>Name</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td class="text-right">1</td>
        <td>Name 1</td>
      </tr>
      <tr>
        <td class="text-right">2</td>
        <td>Name 2</td>
      </tr>
    </tbody>
    <tfoot>
      <tr>
        <td colspan="2" class="text-center">footer text</td>
      </tr>
    </tfoot>
  </table>
</div>

JavaScript

$('table.data-table').DataTable({
  paging: false,
  columnDefs: [{
    targets: 'no-sort',
    orderable: false
  }],
  dom: '<"row"<"col-sm-6"Bl><"col-sm-6"f>>' +
    '<"row"<"col-sm-12"<"table-responsive"tr>>>' +
    '<"row"<"col-sm-5"i><"col-sm-7"p>>',
  fixedHeader: {
    header: true
  },
  buttons: {
    buttons: [{
      extend: 'excel',
      text: '<i class="fa fa-file-excel-o"></i> Export to Excel',
      title: $('h1').text(),
      exportOptions: {
        modifier: {
            page: 'current'
        }
      },
      dom: 'Bfrtip',
    }, {
      extend: 'pdf',
      text: '<i class="fa fa-file-pdf-o"></i> PDF',
      title: $('h1').text(),
      exportOptions: {
        modifier: {
            page: 'applied'
        }
      },
      footer: true
    }],
    
    dom: {
      
      container: {
        className: 'dt-buttons'
      },
      button: {
        className: 'btn btn-default'
      }
    }
  }
});

有人可以帮我解决这个问题吗？我也试过stripHtml了。但仍然没有运气。

标签： .netuser-interfacedatatablesjquery-plugins