random-mirrors/cosmos-explorer
1
0
Fork 0
mirror of https://github.com/Azure/cosmos-explorer.git synced 2025-12-19 00:41:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add title to table

Browse Source
This commit is contained in:
Laurent Nguyen
2024-04-23 09:08:06 +02:00
parent ff5da7bbd0
commit 86926f2d7b
1 changed files with 12 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/Explorer/Tabs/DocumentsTabV2/DocumentsTableComponent.tsx
View File

@@ -106,7 +106,11 @@ export const DocumentsTableComponent: React.FC<IDocumentsTableComponentProps> =
columnId: "id", columnId: "id",
compare: (a, b) => a.id.localeCompare(b.id), compare: (a, b) => a.id.localeCompare(b.id),
renderHeaderCell: () => columnHeaders.idHeader, renderHeaderCell: () => columnHeaders.idHeader,
renderCell: (item) => <TableCellLayout truncate>{item.id}</TableCellLayout>, renderCell: (item) => (
<TableCellLayout truncate title={item.id}>
{item.id}
</TableCellLayout>
),
}), }),
].concat( ].concat(
columnHeaders.partitionKeyHeaders.map((pkHeader, index) => columnHeaders.partitionKeyHeaders.map((pkHeader, index) =>
@@ -117,7 +121,7 @@ export const DocumentsTableComponent: React.FC<IDocumentsTableComponentProps> =
renderHeaderCell: () => renderHeaderCell: () =>
index >= columnHeaders.partitionKeyHeaders.length - 1 ? ( index >= columnHeaders.partitionKeyHeaders.length - 1 ? (
<> <>
<span>{pkHeader}</span> <span title={pkHeader}>{pkHeader}</span>
<Button <Button
appearance="transparent" appearance="transparent"
aria-label="Refresh" aria-label="Refresh"
@@ -129,10 +133,14 @@ export const DocumentsTableComponent: React.FC<IDocumentsTableComponentProps> =
/> />
</> </>
) : ( ) : (
pkHeader <span title={pkHeader}>{pkHeader}</span>
), ),
renderCell: (item) => { renderCell: (item) => {
return <TableCellLayout truncate>{item[pkHeader]}</TableCellLayout>; return (
<TableCellLayout truncate title={item[pkHeader]}>
{item[pkHeader]}
</TableCellLayout>
);
}, },
}), }),
), ),