Fix WCAG error: Empty table header in case of JSX element (#378)

ZEISS · May 24, 2022 · ce0979d · ce0979d
1 parent f1dba73
commit ce0979d
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Precise UI Changelog
 
+## 2.1.13
+
+- Fix WCAG error: Empty table header in case of JSX element
+
 ## 2.1.12
 
 - Fix the issue `The component Styled(styled.span) has been created dynamically`

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "precise-ui",
-  "version": "2.1.12",
+  "version": "2.1.13",
   "description": "Precise UI React component library powered by Styled Components.",
   "keywords": [
     "react",

diff --git a/src/components/Table/TableBasic.part.tsx b/src/components/Table/TableBasic.part.tsx
@@ -246,7 +246,7 @@ export class TableBasic<T> extends React.Component<TableProps<T> & RefProps, Tab
               const width = typeof column === 'string' ? undefined : column.width;
               const sortable = this.isSortable(key, columns);
               const direction = sortable && sortBy && (sortBy.columnKey !== key ? undefined : sortBy.order);
-              const headTag = `${name}`.trim() ? 'th' : 'td';
+              const headTag = typeof name === 'string' && name.trim() ? 'th' : 'td';
 
               return (
                 <StyledTableHeader