<div class="component-wrapper">
    <div class="traffic-observation-container">
        <table class="table table-striped">
            <tr ng-if="showDurationHeaders">
                <th></th>
                <th class="table-cell-center">BEFORE</th>
                <th class="table-cell-center">DURING</th>
                <th class="table-cell-center" colspan="2">AFTER</th>
                <th></th>
            </tr>

            <!--Table header-->
            <tr>
                <th ng-repeat="heading in columnDefs track by $index"
                    ng-class="{'table-cell-center': !$first}">
                    {{ heading.headerName }}
                </th>
                <th class="table-cell-center">Chart</th>
            </tr>

            <!--Table rows-->
            <tr ng-repeat="row in rowData">
                <!--Columns-->
                <td ng-repeat="column in columnDefs"
                    ng-class="{'table-cell-center': !$first}">
                    {{ row[column.field] }}
                </td>

                <!--Sparkline column-->
                <td style="padding: 3px">
                    <div ng-attr-id="{{ row.id }}"></div>
                </td>
            </tr>
        </table>
    </div>
</div>

<div class="component-wrapper">
    <div class="traffic-observation-container">
        <table class="table table-striped">
            <tr ng-if="showDurationHeaders">
                <th></th>
                <th class="table-cell-center">BEFORE</th>
                <th class="table-cell-center">DURING</th>
                <th class="table-cell-center" colspan="2">AFTER</th>
            </tr>

            <!--Table header-->
            <tr>
                <th ng-repeat="heading in columnDefs track by $index"
                    ng-class="{'table-cell-center': !$first}">
                    {{ heading.headerName }}
                </th>
                <th class="table-cell-center">Chart</th>
            </tr>

            <!--Table rows-->
            <tr ng-repeat="row in rowData">
                <!--Columns-->
                <td ng-repeat="column in columnDefs"
                    ng-class="{'table-cell-center': !$first}">
                    {{ row[column.field] }}
                </td>

                <!--Sparkline column-->
                <td style="padding: 3px">
                    <div ng-attr-id="{{ row.id }}"></div>
                </td>
            </tr>
        </table>
    </div>
</div>

Remove empty table header from traffic observation component
Remove empty table header from traffic observation component
