JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main-content-wrapper">
    <div class="no-tab-table">
        <table datatable="ng" dt-options="dtOptions" class="table table-striped">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Customer Email</th>
                    <th>Full Name</th>
                    <th>Status</th>
                    <th>Items</th>
                    <th>Order Total</th>
                    <th>Order Date</th>

                </tr>
            </thead>
            <tbody>
              <tr ng-repeat="order in orders" >

                    <td><a ui-sref="order_view({ id: order.id })">[[order.id]]</a></td>
                    <td><a ui-sref="order_view({ id: order.id })">[[order.customer.email]]</a></td>
                    <td><a ui-sref="order_view({ id: order.id })">[[order.customer.first_name]] [[order.customer.last_name]]</a></td>
                    <td>[[order.status.status]]</td>
                    <td>[[order.cart.items.length]]</td>
                    <td>[[order.total_amount / 100 | currency]]</td>
                    <td><timezones timezoneid=[[marketplace_settings.timezone.values[0].reference_id]] time=[[order.created_at]]></timezones></td>
              </tr>
            </tbody>
        </table>
    </div>
</div>

JavaScript

angular.module('samcart')
	.controller('ordersController', ['$scope', '$rootScope', 'DTOptionsBuilder', 'DTColumnBuilder',
                                        function ($scope, $rootScope, DTOptionsBuilder, DTColumnBuilder  ) {



		$scope.dtOptions = DTOptionsBuilder.fromSource($scope.orders)
			 .withTableTools('/assets/bower_components/datatables-tabletools/swf/copy_csv_xls_pdf.swf');
			 .withTableToolsButtons([
			 	{
			 		"sExtends": "copy",
			 		"oSelectorOpts": {filter: "applied", order:"current"}
			 	}
		 ]);