[ui-react-dom] Title on ID cells

Author: jamesgpearce

src/ui-react-dom/RelationshipInHtmlTable.tsx

@@ -62,8 +62,8 @@ export const RelationshipInHtmlRow = ({
       {extraRowCells(extraCellsBefore, rowProps)}
       {idColumn === false ? null : (
         <>
-          <th>{localRowId}</th>
-          <th>{remoteRowId}</th>
+          <th title={localRowId}>{localRowId}</th>
+          <th title={remoteRowId}>{remoteRowId}</th>
         </>
       )}
       {objToArray(

src/ui-react-dom/ValuesInHtmlTable.tsx

@@ -52,7 +52,7 @@ export const ValuesInHtmlTable: typeof ValuesInHtmlTableDecl = ({
         return (
           <tr key={valueId}>
             {extraValueCells(extraCellsBefore, valueProps)}
-            {idColumn === false ? null : <th>{valueId}</th>}
+            {idColumn === false ? null : <th title={valueId}>{valueId}</th>}
             <td>
               <Value
                 {...getProps(getValueComponentProps, valueId)}

src/ui-react-dom/common/components.tsx

@@ -107,7 +107,7 @@ export const HtmlTable = ({
         return (
           <tr key={rowId}>
             {extraRowCells(extraCellsBefore, rowProps)}
-            {idColumn === false ? null : <th>{rowId}</th>}
+            {idColumn === false ? null : <th title={rowId}>{rowId}</th>}
             {objToArray(
               cells,
               ({component: CellView, getComponentProps}, cellId) => (

src/ui-react-inspector/MetricsView.tsx

@@ -11,7 +11,7 @@ import type {StoreProp} from './types.ts';
 
 const MetricRow = ({metrics, metricId}: MetricProps) => (
   <tr>
-    <th>{metricId}</th>
+    <th title={metricId}>{metricId}</th>
     <td>{(metrics as Metrics)?.getTableId(metricId)}</td>
     <td>{useMetric(metricId, metrics)}</td>
   </tr>