From be01f386d4ca9611e1d308515ea979222963525f Mon Sep 17 00:00:00 2001
From: Florian BOUILLON <florian.bouillon@delta-wings.net>
Date: Tue, 18 May 2021 11:09:58 +0200
Subject: [PATCH] Added Overflow X to table element

Signed-off-by: Florian BOUILLON <florian.bouillon@delta-wings.net>
---
 src/dzeio/Table/Table.module.styl | 3 +++
 src/dzeio/Table/index.tsx         | 7 ++++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/dzeio/Table/Table.module.styl b/src/dzeio/Table/Table.module.styl
index a6de2c0..8529f8b 100644
--- a/src/dzeio/Table/Table.module.styl
+++ b/src/dzeio/Table/Table.module.styl
@@ -17,3 +17,6 @@
 	td
 		padding 8px
 		text-align left
+
+.parent
+	overflow-x auto
\ No newline at end of file
diff --git a/src/dzeio/Table/index.tsx b/src/dzeio/Table/index.tsx
index c732cad..e69238f 100644
--- a/src/dzeio/Table/index.tsx
+++ b/src/dzeio/Table/index.tsx
@@ -1,15 +1,20 @@
 import React from 'react'
+import { buildClassName } from '../Util'
 
 import css from './Table.module.styl'
 
 interface Props {
 	children: React.ReactNode
+	parentClassName?: string
+	className?: string
 }
 
 export default class Table extends React.Component<Props> {
 
 	public render = () => (
-		<table className={css.table}>{this.props.children}</table>
+		<div className={buildClassName(css.parent, this.props.parentClassName)}>
+			<table className={buildClassName(css.table, this.props.className)}>{this.props.children}</table>
+		</div>
 	)
 
 }