Internet Explorer копирует скрытые элементы таблицы

Question

Я использую команду JQuery найти в следующих jfiddle: https://jsfiddle.net/esend7881/3uu0tpv1/2/

А именно, я использую:

$(document).ready(function() { 
    $('table#safe-distances-table').dblclick(function() { 
     $('tr.no-impact').toggle('slow'); 
    }); 
}); 

Чтобы вызвать некоторые строки в HTML-таблицы для переключения когда таблица дважды нажата. JQuery работает отлично, но моя настоящая проблема заключается в копировании и вставке из Internet Explorer.

Я ограничен использованием Internet Explorer в некоторых условиях и Я ожидаю, что когда строки будут скрыты, и я скопирую и вставлю таблицу из I.E. для Outlook скрытые строки не будут поставляться вместе с ним. Вместо этого они!

Вы можете попробовать в JFiddle с Internet Explorer. После двойного щелчка по таблице попробуйте скопировать и вставить полную таблицу в Outlook, и вы увидите все строки!

Answer 1

Untested in IE - это должно работать в теории.

Вам нужно будет указать remove() скрытые строки перед их копированием. Это заставляет строки вернуться с двойным щелчком немного затруднительно - вам нужно будет отслеживать исходные данные перед их удалением.

This fiddle seems to do the trick. Сохраняет исходный HTML-код и находится ли он в состоянии «переключено» с использованием $.data.

$('table#safe-distances-table').dblclick(function() { 
    var $el = $(this); 
    if($el.data('toggled')){ 
     $el.html($el.data('all')); 
     var $rowsToHide = $('tr.no-impact'); 
     $rowsToHide.hide(); 
     $rowsToHide.toggle('slow'); 
     $el.data('toggled',false); 
    } else { 
     var $rowsToHide = $('tr.no-impact'); 
     $el.data('all', $el.html()); 
     $rowsToHide.toggle('slow', function(){ 
      $rowsToHide.remove(); 
     }); 
     $el.data('toggled',true); 
    } 
});