HTML

<div class="hbox hbox-auto-xs hbox-auto-sm" ng-controller="MorningCheckListMailExchangeCtrl as showCase">
    <div class="wrapper-md">

        <!--table for "System AD"-->
        <div class="row">
            <div class="panel panel-green">
                <div class="panel-heading">
                    <a href="" class="text-white">Mail Exchange </a>
                    <div class="toolbars">
                        <a ng-click="TableSystemAD = ! TableSystemAD" class="text-white"><i class="icon" ng-class="TableSystemAD? ' icon-arrow-down ' : ' icon-arrow-up'"></i></a>
                    </div>
                </div>
                <div class="panel-body" ng-show="TableSystemAD">
                    <table datatable="" dt-options="showCase.dtOptions" dt-columns="showCase.dtColumns" class="table table-responsive table-bordered table-hover"></table>
                </div>
            </div>
        </div>


        <div>

        </div>
    </div>
</div>