2019-11-08 03:40:20 +01:00
|
|
|
import { DomElement, HTMLReactParserOptions, domToReact } from "html-react-parser";
|
|
|
|
import { ReactElement, createElement } from "react";
|
|
|
|
|
2019-11-19 04:29:29 +01:00
|
|
|
/**
|
|
|
|
* Ensure tables are responsive-ish
|
|
|
|
*
|
|
|
|
* @param domChildren
|
|
|
|
* @param parseOptions
|
|
|
|
*/
|
2019-11-08 03:40:20 +01:00
|
|
|
const rewriteTable = (domChildren: DomElement[], parseOptions: HTMLReactParserOptions): ReactElement => {
|
|
|
|
return createElement(
|
|
|
|
'div',
|
|
|
|
{ className: 'table-responsive my-4'},
|
|
|
|
createElement(
|
|
|
|
'table',
|
|
|
|
{ className: 'table table-striped' },
|
|
|
|
domToReact(domChildren, parseOptions)
|
|
|
|
)
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
export default rewriteTable;
|