feat(AnalyticalTable): Add prop alternateRowColor (#212)

Author: MarcusNotheis

packages/main/src/components/AnalyticalTable/AnalyticalTable.test.tsx

@@ -1,6 +1,6 @@
 import { mountThemedComponent } from '@shared/tests/utils';
-import React from 'react';
 import { AnalyticalTable } from '@ui5/webcomponents-react/lib/AnalyticalTable';
+import React from 'react';
 
 const columns = [
   {
@@ -193,4 +193,20 @@ describe('AnalyticalTable', () => {
 
     expect(wrapper.render()).toMatchSnapshot();
   });
+
+  test('Alternate Row Color', () => {
+    const wrapper = mountThemedComponent(
+      <AnalyticalTable title="Table Title" data={data} columns={columns} alternateRowColor />
+    );
+
+    expect(wrapper.render()).toMatchSnapshot();
+  });
+
+  test('custom row height', () => {
+    const wrapper = mountThemedComponent(
+      <AnalyticalTable title="Table Title" data={data} columns={columns} rowHeight={60} />
+    );
+
+    expect(wrapper.render()).toMatchSnapshot();
+  });
 });

packages/main/src/components/AnalyticalTable/AnayticalTable.jss.ts

@@ -63,6 +63,9 @@ const styles = ({ parameters }: JSSTheme) => ({
     backgroundColor: parameters.sapUiListBackground,
     color: parameters.sapUiListTextColor
   },
+  alternateRowColor: {
+    backgroundColor: parameters.sapUiListHeaderBackground
+  },
   tableGroupHeader: {
     '&$tr': {
       backgroundColor: `${parameters.sapUiListTableGroupHeaderBackground} !important`,