random-mirrors/cosmos-explorer
1
0
Fork 0
mirror of https://github.com/Azure/cosmos-explorer.git synced 2025-02-18 10:17:16 +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
Show Stats 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",
compare: (a, b) => a.id.localeCompare(b.id),
renderHeaderCell: () => columnHeaders.idHeader,
renderCell: (item) => <TableCellLayout truncate>{item.id}</TableCellLayout>,
renderCell: (item) => (
<TableCellLayout truncate title={item.id}>
{item.id}
</TableCellLayout>
),
}),
].concat(
columnHeaders.partitionKeyHeaders.map((pkHeader, index) =>
@ -117,7 +121,7 @@ export const DocumentsTableComponent: React.FC<IDocumentsTableComponentProps> =
renderHeaderCell: () =>
index >= columnHeaders.partitionKeyHeaders.length - 1 ? (
<>
<span>{pkHeader}</span>
<span title={pkHeader}>{pkHeader}</span>
<Button
appearance="transparent"
aria-label="Refresh"
@ -129,10 +133,14 @@ export const DocumentsTableComponent: React.FC<IDocumentsTableComponentProps> =
/>
</>
) : (
pkHeader
<span title={pkHeader}>{pkHeader}</span>
),
renderCell: (item) => {
return <TableCellLayout truncate>{item[pkHeader]}</TableCellLayout>;
return (
<TableCellLayout truncate title={item[pkHeader]}>
{item[pkHeader]}
</TableCellLayout>
);
},
}),
),