anchor.diff:    table-layout: fixed; // ***********add this
     word-wrap:break-word; // ***********and this
   }
  +
   </style>
   
           <script>
  
positive.code:                 } );
  
  
                  });
          </script>
  
      </jsp:attribute>
  
negative.code:                         </div>
  
  
                          <c:set var="noData" scope="page" value="fa fa-circle-o"/>
                          <c:set var="notApplicable" scope="page" value="fa fa-circle"/>
                          <c:set var="notSignificant" scope="page" value="fa fa-circle"/>
                          <c:set var="significant" scope="page" value="fa fa-circle"/>
                          <c:set var="noDataColour" scope="page" value="#fff"/>
                          <c:set var="notApplicableColour" scope="page" value="#808080"/>
                          <c:set var="notSignificantColour" scope="page" value="#17a2b8"/>
                          <c:set var="significantColour" scope="page" value="#ce6211"/>
                          <div class="row justify-content-center">
                              <span title="No Data"  class="mr-3"><i class="${noData}"></i>&nbsp;&nbsp;No Data</span>
                              <span title="Not Applicable" style="color: ${notApplicableColour}" class="mr-3"> <i class="${notApplicable}"></i>&nbsp;&nbsp;Not Applicable</span>
                              <span title="Not Signficant" style="color: ${notSignificantColour}" class="mr-3"><i class="${notSignificant}"></i>&nbsp;&nbsp;Not Significant</span>
                              <span title="Significant" style="color: ${significantColour}" class="mr-3"><i class="${significant}"></i>&nbsp;&nbsp;Significant</span>
                          </div>
                              <table id="heatmap" class="display cell-border compact" style="font-size: 10px">
                                  <thead>
                                  <tr>
  