Question

я использует следующие плагины для экспорта данных таблицы в формате PNG,

<li><a href="#" onClick ="$('#datawtable').tableExport({type:'excel',escape:'false', ignoreColumn:[0, 4]});"> <img src='icons/xls.png' width='24px'> XLS</a></li> 
<li><a href="#" onClick ="$('#datawtable').tableExport({type:'doc',escape:'false', ignoreColumn:[0, 4]});"> <img src='icons/word.png' width='24px'> Word</a></li> 
<li><a href="#" onClick ="$('#datawtable').tableExport({type:'png',escape:'false'});"> <img src='icons/png.png' width='24px'> PNG</a></li> 

<script type="text/javascript" src="js/tableExport.js"></script> 
<script type="text/javascript" src="js/jquery.base64.js"></script> 
<script type="text/javascript" src="js/html2canvas.js"></script> 

И выход, как это, Здесь я хочу, чтобы скрыть «Фотографии» и «Параметры» колонки я проверил это https://github.com/niklasvh/html2canvas/issues/126, но не получает его так как может Идо это.

Answer 1

Поскольку у вас есть табличный формат, вы можете использовать firs-child и last-child, чтобы получить доступ к первому и последнему столбцу таблицы.

$("#tableID th:first-child, #tableID th:last-child, #tableID td:first-child, #tableID td:last-child").hide(); 

ИЛИ

$("#tableID tr th:first-child, #tableID tr th:last-child, #tableID tr td:first-child, #tableID tr td:last-child").hide(); 

Вам необходимо скрыть элемент перед использованием html2canvas рендеринга.

После рендеринга html2canvas вам нужно использовать функцию show() для отображения скрытого td. так что это было бы как:

$("#tableID th:first-child, #tableID th:last-child, #tableID td:first-child, #tableID td:last-child").show(); 

ИЛИ

$("#tableID tr th:first-child, #tableID tr th:last-child, #tableID tr td:first-child, #tableID tr td:last-child").show(); 

Так что этот способ вам не нужно обновлять страницу.