Template JSX table

App.js

render() {
        return (
            <div className="placeholder" id="monthlyList">
                <table className="table">
                    <thead>
                    <tr>
                        <th scope="col" className="col-3">Date</th>
                        <th scope="col" className="col-3">Type</th>
                        <th scope="col" className="col-3">Retailer</th>
                        <th scope="col" className="col-3">Value</th>
                    </tr>
                    </thead>
                    <tbody>
                    {this.renderMonthlyList(this.props.monthData)}
                    </tbody>
                </table>


            </div>
        );
    }