隐藏div导出数据表

Question

我想导出数据表，但里面有一个工具提示。这是同进内一个进度条和工具提示中的数据表：

问题是，当我导出表到Excel中它有提示信息。像这样：

我只是想让它显示100％，例如。在这里，我有我的PHP代码

<td> 
    <div class="progress"> 
    <div class='<?=barra($institucional); ?>' role="progressbar" style="width:<?=$institucional;?>%"> 
     <?=$institucional;?>% 
    </div> 
    <div class="info" style="display: none;"> 
     <strong>Acción:</strong> <?=round($row['accion']/3,2);?>%<br> 
     <strong>Eje:</strong> <?=round($row['eje']/3,2);?>%<br> 
     <strong>Programa:</strong> <?=round($row['programa']/3,2);?>%<br> 
    </div> 
    </div> 

，这是我的Javascript代码来创建工具提示

$(".progress").each(function() { 
    var contenido = $(this).children('.info:hidden').html() 
    $(this).popover({title: "", content: contenido, html: true, placement: "left", trigger:'hover', container: 'body'}); 
    }); 

所以，我所有的进度条有一个信息隐藏的div有数据工具提示。但我不想导出该工具提示数据。

有什么想法？

Answer 1

我想你应该尝试使用datatables output format，下面是代码示例：

var buttonCommon = { exportOptions: { 
         format: { 
         body: function (data, row, column, node) { 
         // here you must get which column you want to change the data, it using number not column name, column number start from 0 
         return column === 5 ? 'your desired value' : data; 
        } 
       } 
      } 
     }; 

$('#example').DataTable({ 
    ajax: "ajax_data.txt", 
    columns: [ 
     { data: 'name' }, 
     { data: 'position' }, 
     { data: 'office' }, 
     { data: 'extn' }, 
     { data: 'start_date' }, 
     { data: 'salary' } 
    ], 
    dom: 'Bfrtip', 
    buttons: [ 
     $.extend(true, {}, buttonCommon, { 
     extend: 'csv' 
     }) 
    ] 
}); 

所以，当您单击导出按钮，它会根据你所需要的数据修改的数据输出。