Merge pull request #54 from lionick/fix_link_datatable

try to fix links at datatable

javascript/src/components/Common/utils.js

@@ -141,20 +141,10 @@ export function calculateMinMax(dataArray) {
   return [min, max]
 }
 
-export const createAnchorElement = (title, link) => {
-  const anchor = document.createElement('a');
-  const linkText = document.createTextNode(title);
-  anchor.appendChild(linkText);
-  anchor.title = title;
-  anchor.href = link;
-
-  // FIXME:
-  // Trying to pass an object directly to the datatable will fail. We need to
-  // get the HTML string from the element. This causes inconsistent behavior
-  // which we need to solve. For now we leave it as is.
-  return anchor.outerHTML;
-  // return anchor;
-}
+export const createAnchorElement = (title, link) => ({
+  title,
+  link,
+});
 
 export const axisChartOptions = (title, hAxisFormat, hAxisTicks) => {
   return (

javascript/src/components/datatable.js

@@ -150,6 +150,7 @@ class Datatable extends Component {
   }
 
   listNames = (names, key) => {
+    //console.log("listNames called with:", names.title);
     if (this.props.columnSep && key == this.props.columnSep && typeof names === 'string') {
       return renderToString(
         <ul>
@@ -161,6 +162,10 @@ class Datatable extends Component {
 
         </ul>
       )
+    } else if (names && typeof names === 'object' && names.title && names.link) {
+      return renderToString(
+        <a href={names.link} title={names.title}>{names.title}</a>
+      );
     } else return (
       names
     )