隱藏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' 
     }) 
    ] 
}); 

所以，當您單擊導出按鈕，它會根據你所需要的數據修改的數據輸出。