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(Yo!
); + + expect(wrapper.text()).toBe('Yo!'); + expect(wrapper.hasClass('scopedResponsive')).toBe(true); + expect(wrapper.find('.scopedTable').length).toBe(1); + }); });