tables

 <div id="tableContainer" class="row mx-auto align-content-center align-items-center" style="display: none; width: 100%">
            <!--<div class="row mx-auto align-content-center align-items-center">-->

                <!--<div class="col mx-auto align-content-center align-items-center" style="width: 25%">-->
                    <table id="table" class="table table-striped table-bordered" style="width: 25%">
                        <caption id="tableCaption" style="caption-side:top" class="text-center text-capitalize"></caption>
                        <thead>
                        <tr>
                            <th>TimeStamp</th> <th>Value</th> <th>Quality</th>
                        </tr>
                        </thead>

                    </table>
                <!--</div>-->

                <!--<div class="col mx-auto align-content-center align-items-center" style="width: 25%">-->
                    <table id="table2" class="table table-striped" style="width: 25%">
                        <caption id="tableCaption2" style="caption-side:top" class="text-center text-capitalize"></caption>
                        <thead>
                        <tr>
                            <th>TimeStamp</th> <th>Value</th> <th>Quality</th>
                        </tr>
                        </thead>

                    </table>
                <!--</div>-->

            <!--</div>-->


            <!--<div class="row mx-auto align-content-center align-items-center">-->

                <!--<div class="col mx-auto align-content-center align-items-center" style="width: 25%">-->
                    <table id="table3" class="table table-striped" style="width: 25%">
                        <caption id="tableCaption3" style="caption-side:top" class="text-center text-capitalize"></caption>
                        <thead>
                        <tr>
                            <th>TimeStamp</th> <th>Value</th> <th>Quality</th>
                        </tr>
                        </thead>

                    </table>
                <!--</div>-->

                <!--<div class="col mx-auto align-content-center align-items-center" style="width: 25%">-->
                    <table id="table4" class="table table-striped" style="width: 25%">
                        <caption id="tableCaption4" style="caption-side:top" class="text-center text-capitalize"></caption>
                        <thead>
                        <tr>
                            <th>TimeStamp</th> <th>Value</th> <th>Quality</th>
                        </tr>
                        </thead>

                    </table>
                <!--</div>-->

            <!--</div>-->




        </div>