anchor.diff:      </tbody>
       <tfoot>
         <tr>
  -        <th>In Datafile:</th>
  +        <th>In Data file(s):</th>
           <% @header.each do |name,datafile_ids| %>
           <td>
             <ul>
  
positive.code:   var table = jQuery('#compounds_attributes').DataTable({
      // responsive: true,
      "scrollX": true,
      "lengthMenu": [[5,20,-1],[5,20,"All"]],
      buttons: [
        {
          extend: 'collection',
  
negative.code:   jQuery('#compounds_attributes tbody').on( 'click', 'tr', function () {
      jQuery(this).toggleClass('selected');
    });
    jQuery("td a.context_menu_link")
        .on("context_menu", function(evt, menu_content){
          //why we need this offset here and not in the parallel function in spreadsheet_explorer.js.erb. perhaps too many "parents" here for "relative" to work.
          var offset =  jQuery('td a.context_menu_link').parent().parent().parent().parent().parent().parent().outerHeight(true);
          jQuery('#cell_menu').css('top',  offset + jQuery(this).position().top + jQuery(this).height() );
          jQuery('#cell_menu').css('left',jQuery(this).position().left);
          jQuery('#cell_menu').html(menu_content);
          if( jQuery('#cell_menu').css("display") === "none"){
            jQuery('#cell_menu').show();
          }
        })
    ;
    table.buttons().container().insertBefore( '#compounds_attributes_filter' );
  });
  </script>
  