diff --git a/packages/terra-framework-docs/CHANGELOG.md b/packages/terra-framework-docs/CHANGELOG.md
index 84945048822..4a631623214 100644
--- a/packages/terra-framework-docs/CHANGELOG.md
+++ b/packages/terra-framework-docs/CHANGELOG.md
@@ -2,6 +2,9 @@
## Unreleased
+* Added
+ * Added test to cover enabling zebra striping for the `terra-table` component.
+
## 1.41.0 - (October 17, 2023)
* Added
diff --git a/packages/terra-framework-docs/src/terra-dev-site/doc/table/Examples/ZebraStripedTable.1.doc.mdx b/packages/terra-framework-docs/src/terra-dev-site/doc/table/Examples/ZebraStripedTable.1.doc.mdx
new file mode 100644
index 00000000000..4979b88a6e1
--- /dev/null
+++ b/packages/terra-framework-docs/src/terra-dev-site/doc/table/Examples/ZebraStripedTable.1.doc.mdx
@@ -0,0 +1,3 @@
+import ZebraStripedTable from './ZebraStripedTable?dev-site-example';
+
+
diff --git a/packages/terra-framework-docs/src/terra-dev-site/doc/table/Examples/ZebraStripedTable.jsx b/packages/terra-framework-docs/src/terra-dev-site/doc/table/Examples/ZebraStripedTable.jsx
new file mode 100644
index 00000000000..73fa5dc286e
--- /dev/null
+++ b/packages/terra-framework-docs/src/terra-dev-site/doc/table/Examples/ZebraStripedTable.jsx
@@ -0,0 +1,99 @@
+import React from 'react';
+import Table from 'terra-table';
+
+const tableDataJSON = {
+ cols: [
+ { id: 'Column-0', displayName: 'Patient' },
+ { id: 'Column-1', displayName: 'Location' },
+ { id: 'Column-2', displayName: 'Illness Severity' },
+ { id: 'Column-3', displayName: 'Visit' },
+ { id: 'Column-4', displayName: 'Allergy' },
+ { id: 'Column-5', displayName: 'Primary Contact' },
+ { id: 'Column-6', displayName: 'Generic Order Counts' },
+ { id: 'Column-7', displayName: 'Patient Age' },
+ { id: 'Column-8', displayName: 'Medication History' },
+ { id: 'Column-9', displayName: 'My Relationship' },
+ { id: 'Column-10', displayName: 'Not Selectable', isSelectable: false },
+ ],
+ rows: [
+ {
+ id: '1',
+ cells: [
+ { content: 'Fleck, Arthur' },
+ { content: '1007-MTN' },
+ { content: 'Unstable' },
+ { content: 'Inpatient, 2 months' },
+ { content: '' },
+ { content: 'Quinzell, Harleen' },
+ { content: '' },
+ { isMasked: true },
+ { isMasked: true },
+ { content: 'Admitting Physician' },
+ { content: '', isSelectable: false },
+ ],
+ },
+ {
+ id: '2',
+ cells: [
+ { content: 'Wayne, Bruce' },
+ { content: '1007-MTN-DR' },
+ { content: 'Stable' },
+ { content: 'Outpatient, 2 days' },
+ { content: 'Phytochemicals' },
+ { content: 'Grayson, Richard' },
+ { content: '' },
+ { content: '' },
+ { isMasked: true },
+ { content: 'Admitting Physician' },
+ { content: '', isSelectable: false },
+ ],
+ },
+ {
+ id: '3',
+ cells: [
+ { content: 'McDonald, Ronald' },
+ { content: '1007-MTN-RN' },
+ { content: 'Critical' },
+ { content: 'Inpatient, 2 days' },
+ { content: 'Phytochemicals' },
+ { content: 'Smith, Melissa' },
+ { content: '' },
+ { content: '' },
+ { isMasked: true },
+ { content: 'Family Physician' },
+ { content: '', isSelectable: false },
+ ],
+ },
+ {
+ id: '4',
+ cells: [
+ { content: 'Wayne, Bruce' },
+ { content: '1018-MTN-DR' },
+ { content: 'Stable' },
+ { content: 'Outpatient, 2 days' },
+ { content: 'Aspirin' },
+ { content: 'Jones, Gary' },
+ { content: '' },
+ { content: '' },
+ { isMasked: true },
+ { content: 'Primary Care Physician' },
+ { content: '', isSelectable: false },
+ ],
+ },
+ ],
+};
+
+const ZebraStripedTable = () => {
+ const { cols, rows } = tableDataJSON;
+
+ return (
+
+ );
+};
+
+export default ZebraStripedTable;
diff --git a/packages/terra-framework-docs/src/terra-dev-site/test/table/ZebraStripedTable.test.jsx b/packages/terra-framework-docs/src/terra-dev-site/test/table/ZebraStripedTable.test.jsx
new file mode 100644
index 00000000000..fdfc9d26719
--- /dev/null
+++ b/packages/terra-framework-docs/src/terra-dev-site/test/table/ZebraStripedTable.test.jsx
@@ -0,0 +1,99 @@
+import React from 'react';
+import Table from 'terra-table';
+
+const gridDataJSON = {
+ cols: [
+ { id: 'Column-0', displayName: 'Patient' },
+ { id: 'Column-1', displayName: 'Location' },
+ { id: 'Column-2', displayName: 'Illness Severity' },
+ { id: 'Column-3', displayName: 'Visit' },
+ { id: 'Column-4', displayName: 'Allergy' },
+ { id: 'Column-5', displayName: 'Primary Contact' },
+ { id: 'Column-6', displayName: 'Generic Order Counts' },
+ { id: 'Column-7', displayName: 'Patient Age' },
+ { id: 'Column-8', displayName: 'Medication History' },
+ { id: 'Column-9', displayName: 'My Relationship' },
+ { id: 'Column-10', displayName: 'Not Selectable', isSelectable: false },
+ ],
+ rows: [
+ {
+ id: '1',
+ cells: [
+ { content: 'Fleck, Arthur' },
+ { content: '1007-MTN' },
+ { content: 'Unstable' },
+ { content: 'Inpatient, 2 months' },
+ { content: '' },
+ { content: 'Quinzell, Harleen' },
+ { content: '' },
+ { isMasked: true },
+ { isMasked: true },
+ { content: 'Admitting Physician' },
+ { content: '', isSelectable: false },
+ ],
+ },
+ {
+ id: '2',
+ cells: [
+ { content: 'Wayne, Bruce' },
+ { content: '1007-MTN-DR' },
+ { content: 'Stable' },
+ { content: 'Outpatient, 2 days' },
+ { content: 'Phytochemicals' },
+ { content: 'Grayson, Richard' },
+ { content: '' },
+ { content: '' },
+ { isMasked: true },
+ { content: 'Admitting Physician' },
+ { content: '', isSelectable: false },
+ ],
+ },
+ {
+ id: '3',
+ cells: [
+ { content: 'McDonald, Ronald' },
+ { content: '1007-MTN-RN' },
+ { content: 'Critical' },
+ { content: 'Inpatient, 2 days' },
+ { content: 'Phytochemicals' },
+ { content: 'Smith, Melissa' },
+ { content: '' },
+ { content: '' },
+ { isMasked: true },
+ { content: 'Family Physician' },
+ { content: '', isSelectable: false },
+ ],
+ },
+ {
+ id: '4',
+ cells: [
+ { content: 'Wayne, Bruce' },
+ { content: '1018-MTN-DR' },
+ { content: 'Stable' },
+ { content: 'Outpatient, 2 days' },
+ { content: 'Aspirin' },
+ { content: 'Jones, Gary' },
+ { content: '' },
+ { content: '' },
+ { isMasked: true },
+ { content: 'Primary Care Physician' },
+ { content: '', isSelectable: false },
+ ],
+ },
+ ],
+};
+
+const ZebraStripedTable = () => {
+ const { cols, rows } = gridDataJSON;
+
+ return (
+
+ );
+};
+
+export default ZebraStripedTable;
diff --git a/packages/terra-table/CHANGELOG.md b/packages/terra-table/CHANGELOG.md
index 8c131e9d61e..bfa28ee7206 100644
--- a/packages/terra-table/CHANGELOG.md
+++ b/packages/terra-table/CHANGELOG.md
@@ -2,6 +2,9 @@
## Unreleased
+* Added
+ * Added the ability to toggle zebra striping for table rows.
+
* Changed
* Updated the table component so that the cell dive-in logic would not execute when not in the grid context.
diff --git a/packages/terra-table/src/Table.jsx b/packages/terra-table/src/Table.jsx
index 63e38a004c2..427896740c2 100644
--- a/packages/terra-table/src/Table.jsx
+++ b/packages/terra-table/src/Table.jsx
@@ -101,6 +101,11 @@ const propTypes = {
* rendered to allow for row selection to occur.
*/
hasSelectableRows: PropTypes.bool,
+
+ /**
+ * Boolean specifying whether or not the table should have zebra striping for rows.
+ */
+ isStriped: PropTypes.bool,
};
const defaultProps = {
@@ -131,6 +136,7 @@ function Table(props) {
onColumnSelect,
onCellSelect,
hasSelectableRows,
+ isStriped,
rowHeaderIndex,
} = props;
@@ -312,6 +318,7 @@ function Table(props) {
rowHeaderIndex={rowHeaderIndex}
onCellSelect={isGridContext ? handleCellSelection : undefined}
isSelected={row.isSelected}
+ isTableStriped={isStriped}
/>
))}
diff --git a/packages/terra-table/src/clinical-lowlight-theme/Row.module.scss b/packages/terra-table/src/clinical-lowlight-theme/Row.module.scss
index 4c87e661e8a..0af749ac483 100644
--- a/packages/terra-table/src/clinical-lowlight-theme/Row.module.scss
+++ b/packages/terra-table/src/clinical-lowlight-theme/Row.module.scss
@@ -1,7 +1,7 @@
:local {
.clinical-lowlight-theme {
- --terra-table-row-striped-even-background-color: #2d3539;
- --terra-table-row-striped-odd-background-color: #6e6f71;
+ --terra-table-row-striped-background-color: #2d3539;
+ --terra-table-row-background-color: #6e6f71;
--terra-table-row-selected-background-color: #1e3a49;
--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #004c76, inset 0 -1px 0 0 #004c76;
--terra-table-row-hover-background-color: #232a2d;
diff --git a/packages/terra-table/src/orion-fusion-theme/Row.module.scss b/packages/terra-table/src/orion-fusion-theme/Row.module.scss
index d3b06d4bcd1..c6b345f9d4d 100644
--- a/packages/terra-table/src/orion-fusion-theme/Row.module.scss
+++ b/packages/terra-table/src/orion-fusion-theme/Row.module.scss
@@ -1,8 +1,8 @@
:local {
.orion-fusion-theme {
- --terra-table-row-striped-even-background-color: #f4f4f4;
+ --terra-table-row-striped-background-color: #f4f4f4;
--terra-table-row-selected-background-color: #cbe7fa;
--terra-table-row-selected-box-shadow: inset 0 1px 0 0 #0092e0, inset 0 -1px 0 0 #0092e0;
- --terra-table-row-striped-odd-background-color: #fefffe;
+ --terra-table-row-background-color: #fefffe;
}
}
diff --git a/packages/terra-table/src/subcomponents/Row.jsx b/packages/terra-table/src/subcomponents/Row.jsx
index 09dbd326c7a..2c4dbbd59b0 100644
--- a/packages/terra-table/src/subcomponents/Row.jsx
+++ b/packages/terra-table/src/subcomponents/Row.jsx
@@ -38,6 +38,11 @@ const propTypes = {
*/
isSelected: PropTypes.bool,
+ /**
+ * Boolean specifying whether zebra striping is enabled.
+ */
+ isTableStriped: PropTypes.bool,
+
/**
* A string identifier used to describe the row contents. This value will be used to construct additional labels
* for internal controls (e.g. row selection cells).
@@ -81,6 +86,7 @@ function Row(props) {
hasRowSelection,
id,
isSelected,
+ isTableStriped,
cells,
ariaLabel,
displayedColumns,
@@ -99,6 +105,7 @@ function Row(props) {
className={cx('row', {
selected: isSelected,
selectable: hasRowSelection,
+ 'striped-table-row': isTableStriped,
}, theme.className)} // eslint-disable-next-line react/forbid-dom-props
style={{ height }}
onMouseEnter={hasRowSelection ? () => { setHovered(true); } : undefined}
diff --git a/packages/terra-table/src/subcomponents/Row.module.scss b/packages/terra-table/src/subcomponents/Row.module.scss
index 377e7d831ec..1b59a95fb10 100644
--- a/packages/terra-table/src/subcomponents/Row.module.scss
+++ b/packages/terra-table/src/subcomponents/Row.module.scss
@@ -4,17 +4,15 @@
:local {
.row {
+ background-color: var(--terra-table-row-background-color, #fff);
+
&.selectable:hover {
background-color: var(--terra-table-row-hover-background-color, #e2f2fc);
cursor: pointer;
}
- &:nth-child(even) {
- background-color: var(--terra-table-row-striped-even-background-color, #f0f0f0);
- }
-
- &:nth-child(odd) {
- background-color: var(--terra-table-row-striped-odd-background-color, #fff);
+ &.striped-table-row:nth-child(even) {
+ background-color: var(--terra-table-row-striped-background-color, #f0f0f0);
}
&.selected {
diff --git a/packages/terra-table/tests/jest/Table.test.jsx b/packages/terra-table/tests/jest/Table.test.jsx
index e2c90d53fe0..f0896ff21e2 100644
--- a/packages/terra-table/tests/jest/Table.test.jsx
+++ b/packages/terra-table/tests/jest/Table.test.jsx
@@ -123,6 +123,23 @@ describe('Table', () => {
expect(wrapper).toMatchSnapshot();
});
+ it('verifies the rows receive the correct props when table is zebra striped', () => {
+ const wrapper = shallowWithIntl(
+
+
+ ,
+ ).dive().dive();
+
+ const testRow = wrapper.find(Row).get(0);
+ expect(testRow.props.isTableStriped).toBe(true);
+ expect(wrapper).toMatchSnapshot();
+ });
+
it('verifies row selection column header selection', () => {
const mockColumnSelect = jest.fn();
diff --git a/packages/terra-table/tests/jest/__snapshots__/Table.test.jsx.snap b/packages/terra-table/tests/jest/__snapshots__/Table.test.jsx.snap
index 7a71c8c8900..325dbb56f9b 100644
--- a/packages/terra-table/tests/jest/__snapshots__/Table.test.jsx.snap
+++ b/packages/terra-table/tests/jest/__snapshots__/Table.test.jsx.snap
@@ -6375,3 +6375,217 @@ exports[`Table verifies the rows are created with the right props 1`] = `
`;
+
+exports[`Table verifies the rows receive the correct props when table is zebra striped 1`] = `
+
+`;
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/default-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/default-table.png
index 78f396be50b..30b8c0de953 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/default-table.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/default-table.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/no-interaction-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/no-interaction-table.png
index d63e5e028fe..80e22f95f9d 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/no-interaction-table.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/no-interaction-table.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/pinned-columns-scroll.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/pinned-columns-scroll.png
index be74eb146c6..d043e7421c6 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/pinned-columns-scroll.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/pinned-columns-scroll.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/pinned-columns.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/pinned-columns.png
index 58e0774d6d6..adfbd1291f3 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/pinned-columns.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/pinned-columns.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sortable-table-focused-header.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sortable-table-focused-header.png
index 92f88ad70e0..f0d5d81a158 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sortable-table-focused-header.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sortable-table-focused-header.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sortable-table-keyboard.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sortable-table-keyboard.png
index 132d098614f..5ace8e4ca02 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sortable-table-keyboard.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sortable-table-keyboard.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sortable-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sortable-table.png
deleted file mode 100644
index fff25f1ff68..00000000000
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sortable-table.png and /dev/null differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sticky-header-scrolled.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sticky-header-scrolled.png
index f71f9a3b52c..1c617d55802 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sticky-header-scrolled.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sticky-header-scrolled.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sticky-header-unscrolled.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sticky-header-unscrolled.png
index d3dc9530fcc..1bf70008906 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sticky-header-unscrolled.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/sticky-header-unscrolled.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/table-grid-context.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/table-grid-context.png
index 70a70e5c971..d23bff0d508 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/table-grid-context.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/table-grid-context.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/zebra-striped-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/zebra-striped-table.png
new file mode 100644
index 00000000000..df62164835d
Binary files /dev/null and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/table-spec/zebra-striped-table.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/default-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/default-table.png
index 9d6b86a68c4..226177e1486 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/default-table.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/default-table.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/no-interaction-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/no-interaction-table.png
index 63c0eba6760..6486e9f2d64 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/no-interaction-table.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/no-interaction-table.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/pinned-columns-scroll.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/pinned-columns-scroll.png
index 73540171199..24e6d9be0cc 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/pinned-columns-scroll.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/pinned-columns-scroll.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/pinned-columns.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/pinned-columns.png
index b2abfa3fb62..8b12f2c3743 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/pinned-columns.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/pinned-columns.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sortable-table-focused-header.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sortable-table-focused-header.png
index 92f88ad70e0..f0d5d81a158 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sortable-table-focused-header.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sortable-table-focused-header.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sortable-table-keyboard.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sortable-table-keyboard.png
index 132d098614f..5ace8e4ca02 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sortable-table-keyboard.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sortable-table-keyboard.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sortable-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sortable-table.png
deleted file mode 100644
index fff25f1ff68..00000000000
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sortable-table.png and /dev/null differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sticky-header-scrolled.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sticky-header-scrolled.png
index f71f9a3b52c..1c617d55802 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sticky-header-scrolled.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sticky-header-scrolled.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sticky-header-unscrolled.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sticky-header-unscrolled.png
index d3dc9530fcc..1bf70008906 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sticky-header-unscrolled.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/sticky-header-unscrolled.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/table-grid-context.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/table-grid-context.png
index 70a70e5c971..d23bff0d508 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/table-grid-context.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/table-grid-context.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/zebra-striped-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/zebra-striped-table.png
new file mode 100644
index 00000000000..6f24d1d66a0
Binary files /dev/null and b/packages/terra-table/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/table-spec/zebra-striped-table.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/default-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/default-table.png
index d11b15fd3cb..db7fc2bfef4 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/default-table.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/default-table.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/no-interaction-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/no-interaction-table.png
index f3331aa7068..cf8c715d578 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/no-interaction-table.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/no-interaction-table.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/pinned-columns-scroll.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/pinned-columns-scroll.png
index a22d7886b25..c6d996cb36c 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/pinned-columns-scroll.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/pinned-columns-scroll.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/pinned-columns.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/pinned-columns.png
index 9fede2263ba..6240dc5f227 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/pinned-columns.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/pinned-columns.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/sortable-table-focused-header.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/sortable-table-focused-header.png
index 91c80a2612a..ac44a1967cc 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/sortable-table-focused-header.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/sortable-table-focused-header.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/sortable-table-keyboard.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/sortable-table-keyboard.png
index 405343e1ce8..c25cac4d258 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/sortable-table-keyboard.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/sortable-table-keyboard.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/sticky-header-scrolled.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/sticky-header-scrolled.png
index 569ee63b152..9aadcd3d3db 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/sticky-header-scrolled.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/sticky-header-scrolled.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/sticky-header-unscrolled.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/sticky-header-unscrolled.png
index 11d8e355136..a28d04ce3b1 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/sticky-header-unscrolled.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/sticky-header-unscrolled.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/table-grid-context.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/table-grid-context.png
index cbc2eade3ef..610e09ca0ae 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/table-grid-context.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/table-grid-context.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/zebra-striped-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/zebra-striped-table.png
new file mode 100644
index 00000000000..4ca33bee953
Binary files /dev/null and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/table-spec/zebra-striped-table.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/default-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/default-table.png
index ce85e05d8d3..e29b241f39c 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/default-table.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/default-table.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/no-interaction-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/no-interaction-table.png
index e9fd0742a05..119b8ebd7ce 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/no-interaction-table.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/no-interaction-table.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/pinned-columns-scroll.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/pinned-columns-scroll.png
index 51863d5d6a7..5dd652135b5 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/pinned-columns-scroll.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/pinned-columns-scroll.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/pinned-columns.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/pinned-columns.png
index 269decf8193..42909be9fa8 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/pinned-columns.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/pinned-columns.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/sortable-table-focused-header.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/sortable-table-focused-header.png
index 91c80a2612a..ac44a1967cc 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/sortable-table-focused-header.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/sortable-table-focused-header.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/sortable-table-keyboard.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/sortable-table-keyboard.png
index 405343e1ce8..c25cac4d258 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/sortable-table-keyboard.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/sortable-table-keyboard.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/sticky-header-scrolled.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/sticky-header-scrolled.png
index 569ee63b152..9aadcd3d3db 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/sticky-header-scrolled.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/sticky-header-scrolled.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/sticky-header-unscrolled.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/sticky-header-unscrolled.png
index 11d8e355136..a28d04ce3b1 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/sticky-header-unscrolled.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/sticky-header-unscrolled.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/table-grid-context.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/table-grid-context.png
index cbc2eade3ef..610e09ca0ae 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/table-grid-context.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/table-grid-context.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/zebra-striped-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/zebra-striped-table.png
new file mode 100644
index 00000000000..15e93080f4b
Binary files /dev/null and b/packages/terra-table/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/table-spec/zebra-striped-table.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/default-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/default-table.png
index 2631b3172d4..d6050905c9e 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/default-table.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/default-table.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/no-interaction-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/no-interaction-table.png
index c387200a8a0..e208ab30710 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/no-interaction-table.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/no-interaction-table.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/pinned-columns-scroll.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/pinned-columns-scroll.png
index 251b10f2fb9..1e690a0d9c9 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/pinned-columns-scroll.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/pinned-columns-scroll.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/pinned-columns.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/pinned-columns.png
index c89c83ed136..5d6338d3dbe 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/pinned-columns.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/pinned-columns.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sortable-table-focused-header.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sortable-table-focused-header.png
index 58f1a5424b5..fa65c25d997 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sortable-table-focused-header.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sortable-table-focused-header.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sortable-table-keyboard.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sortable-table-keyboard.png
index 5eb1b9fa3c5..be41f746cd9 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sortable-table-keyboard.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sortable-table-keyboard.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sortable-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sortable-table.png
deleted file mode 100644
index 8a1d39f11be..00000000000
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sortable-table.png and /dev/null differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sticky-header-scrolled.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sticky-header-scrolled.png
index 372367651e1..c9f1082f4f5 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sticky-header-scrolled.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sticky-header-scrolled.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sticky-header-unscrolled.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sticky-header-unscrolled.png
index 763d12791e3..637faddcc04 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sticky-header-unscrolled.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/sticky-header-unscrolled.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/table-grid-context.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/table-grid-context.png
index d0885b9fb22..c2756ab9303 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/table-grid-context.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/table-grid-context.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/zebra-striped-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/zebra-striped-table.png
new file mode 100644
index 00000000000..7446d2f0e8a
Binary files /dev/null and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_large/table-spec/zebra-striped-table.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/default-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/default-table.png
index ea5ecabc20e..a5c46287730 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/default-table.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/default-table.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/no-interaction-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/no-interaction-table.png
index 6abd0264ee2..c918f42734e 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/no-interaction-table.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/no-interaction-table.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/pinned-columns-scroll.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/pinned-columns-scroll.png
index 4610438d871..b5707fb5b8d 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/pinned-columns-scroll.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/pinned-columns-scroll.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/pinned-columns.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/pinned-columns.png
index 18a7025378d..e4d22a21c53 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/pinned-columns.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/pinned-columns.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sortable-table-focused-header.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sortable-table-focused-header.png
index 58f1a5424b5..fa65c25d997 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sortable-table-focused-header.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sortable-table-focused-header.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sortable-table-keyboard.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sortable-table-keyboard.png
index 5eb1b9fa3c5..be41f746cd9 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sortable-table-keyboard.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sortable-table-keyboard.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sortable-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sortable-table.png
deleted file mode 100644
index 8a1d39f11be..00000000000
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sortable-table.png and /dev/null differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sticky-header-scrolled.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sticky-header-scrolled.png
index 372367651e1..c9f1082f4f5 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sticky-header-scrolled.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sticky-header-scrolled.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sticky-header-unscrolled.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sticky-header-unscrolled.png
index 763d12791e3..637faddcc04 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sticky-header-unscrolled.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/sticky-header-unscrolled.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/table-grid-context.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/table-grid-context.png
index d0885b9fb22..c2756ab9303 100644
Binary files a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/table-grid-context.png and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/table-grid-context.png differ
diff --git a/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/zebra-striped-table.png b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/zebra-striped-table.png
new file mode 100644
index 00000000000..97893662871
Binary files /dev/null and b/packages/terra-table/tests/wdio/__snapshots__/reference/terra-default-theme/en/chrome_medium/table-spec/zebra-striped-table.png differ
diff --git a/packages/terra-table/tests/wdio/table-spec.js b/packages/terra-table/tests/wdio/table-spec.js
index 8f70a4629e4..ace49154bdf 100644
--- a/packages/terra-table/tests/wdio/table-spec.js
+++ b/packages/terra-table/tests/wdio/table-spec.js
@@ -91,4 +91,16 @@ Terra.describeViewports('Table', ['medium', 'large'], () => {
Terra.validates.element('table-grid-context', { selector: tableWithGridContextSelector });
});
});
+
+ describe('Zebra Striped Table', () => {
+ const zebraStripeTableSelector = '#zebra-striped-table';
+
+ beforeEach(() => {
+ browser.url('/raw/tests/cerner-terra-framework-docs/table/zebra-striped-table');
+ });
+
+ it('Validates a table has zebra striping when specified via props', () => {
+ Terra.validates.element('zebra-striped-table', { selector: zebraStripeTableSelector });
+ });
+ });
});