Merge pull request #1328 from david-roper/fix-subject-overflow

Fix subject Id overflow in datahub table

Author: joshunrau

apps/web/src/routes/_app/datahub/index.tsx

@@ -307,7 +307,14 @@ const MasterDataTable: React.FC<{
       <DataTable
         columns={[
           {
-            accessorFn: (subject) => removeSubjectIdScope(subject.id).slice(0, subjectIdDisplaySetting ?? 9),
+            accessorFn: (subject) => removeSubjectIdScope(subject.id),
+            cell: (ctx) => (
+              <div className="grid">
+                <div className="min-w-0 overflow-x-auto whitespace-nowrap" title={ctx.getValue() as string}>
+                  {(ctx.getValue() as string).slice(0, subjectIdDisplaySetting ?? 9)}
+                </div>
+              </div>
+            ),
             header: t('datahub.index.table.subject'),
             id: 'subjectId'
           },