Html Datatable

<div class="main-content" data-ng-controller="FirewallCtrl as Firewall">

    <!-- breadcrumb-container -->
    <div class="breadcrumb-container">
        <ol class="breadcrumb">
            <li data-ui-sref="app.dashboard">Trang chủ</li>
            <li data-ui-sref="app.firewall"><a>Firewall</a></li>
        </ol>

    </div>
    <!-- breadcrumb-container -->
    <!-- row -->
    <div class="row">
        <!-- col-md-12 -->
        <div class="col-md-12">
            <table datatable="ng" dt-options="Firewall.dtOptions" dt-column-defs="Firewall.dtColumnDefs" class="table table-responsive table-hover table-striped table-bordered">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th width="15%">Services</th>
                        <th>SIP</th>
                        <th>DIP</th>
                        <th>SPort</th>
                        <th>DPort</th>
                        <th>Protocol</th>
                        <th>Action</th>
                        <th width="15%">Note</th>
                        <th style="width:40px!important"><center><i class="icon-info"></i></center></th>
                    </tr>

                </thead>
                <tbody>
                    <tr ng-repeat="Item in Firewall.Items.Data">
                        <td>{{$index+1}}</td>
                        <td>{{Item.Services}}</td>
                        <td>
                            <span>10.1.2.93<br /> 10.1.2.95 <br />10.1.2.98 <br /> 10.1.2.100</span>
                        </td>
                        <td>
                            <span>10.1.2.93<br /> 10.1.2.95 <br />10.1.2.98 <br /> 10.1.2.100</span>
                        </td>
                        <td>{{Item.SourcePort}}</td>
                        <td>{{Item.DestinationPort}}</td>
                        <td>{{Item.Protocol}}</td>
                        <td>{{Item.Action}}</td>
                        <td>{{Item.Note}}</td>
                        <td>
                            <center>
                                <i class="mdi mdi-history mdi-2x text-info"
                                   data-ng-dialog="ManagerVersion"
                                   data-ng-dialog-class="pxl-dialog pxl-dialog-lg pxl-dialog-jelly"
                                   data-ng-dialog-show-close="truex"
                                   data-ng-dialog-controller="ManagerVersionCtrl"
                                   data-ng-click="SetDataTransfer(Item.Action)"
                                   data-ng-dialog-data="Test"
                                   data-position="bottom" data-delay="50" data-tooltip="Manager Version"
                                   style=" cursor:pointer"></i>&nbsp;
                                <i class="mdi mdi-delete mdi-2x text-danger"
                                   data-ng-dialog="ManagerVersion"
                                   data-ng-dialog-class="pxl-dialog pxl-dialog-lg pxl-dialog-jelly"
                                   data-ng-dialog-show-close="truex"
                                   data-ng-dialog-controller="ManagerVersionCtrl"
                                   data-position="bottom" data-delay="50" data-tooltip="Delete Item"
                                   ng-click="HelpDeskAction(Item)" style=" cursor:pointer"></i>
                            </center>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>

        <script type="text/ng-template" id="ManagerVersion">
            <div data-ng-include="'Apps/Firewall/ModalVersion.html'"></div>
        </script>
        <!-- col-md-12 -->
    </div>
    <!-- row -->


</div>