diff --git a/src/Table.js b/src/Table.js
index d3d99c84e..e975b0568 100644
--- a/src/Table.js
+++ b/src/Table.js
@@ -56,7 +56,7 @@ const Table = (props) => {
const table = ;
if (responsive) {
- const responsiveClassName = responsive === true ? 'table-responsive' : `table-responsive-${responsive}`;
+ const responsiveClassName = mapToCssModules(responsive === true ? 'table-responsive' : `table-responsive-${responsive}`, cssModule);
return (
{table}
diff --git a/src/__tests__/Table.spec.js b/src/__tests__/Table.spec.js
index f17621838..6ed323179 100644
--- a/src/__tests__/Table.spec.js
+++ b/src/__tests__/Table.spec.js
@@ -60,4 +60,16 @@ describe('Table', () => {
expect(wrapper.hasClass('table-responsive-md')).toBe(true);
expect(wrapper.find('.table').length).toBe(1);
});
+
+ it('should render responsive wrapper cssModule', () => {
+ const cssModule = {
+ table: 'scopedTable',
+ 'table-responsive': 'scopedResponsive',
+ };
+ const wrapper = shallow(
);
+
+ expect(wrapper.text()).toBe('Yo!');
+ expect(wrapper.hasClass('scopedResponsive')).toBe(true);
+ expect(wrapper.find('.scopedTable').length).toBe(1);
+ });
});