remove unnecessary css from table

src/app/demo/view/buttondemo.component.html

@@ -58,7 +58,19 @@
 			<p-splitButton label="Save" icon="pi pi-plus" [model]="items" styleClass="p-button-help mr-2 mb-2"></p-splitButton>
 			<p-splitButton label="Save" icon="pi pi-plus" [model]="items" styleClass="p-button-danger mr-2 mb-2"></p-splitButton>
 		</div>
-
+		<div class="card">
+			<h5>Templating</h5>
+			<p-button styleClass="mr-2 mb-2 px-3">
+				<ng-template pTemplate="content">
+					<img alt="logo" src="https://primefaces.org/primeng/showcase/assets/showcase/images/primeng-icon.svg" style="width: 1.5rem"/>
+				</ng-template>
+			</p-button>
+			
+			<p-button styleClass="p-button-outlined mr-2 mb-2">
+				<img alt="logo" src="https://primefaces.org/primeng/showcase/assets/showcase/images/primeng-icon.svg" style="width: 1.5rem"/>
+				<span class="ml-2 p-text-bold">PrimeNG</span>
+			</p-button>
+		</div>
 	</div>
 	<div class="col-12 md:col-6">
 		<div class="card">

src/app/demo/view/tabledemo.component.html

@@ -1,8 +1,8 @@
-<div class="grid table-demo">
+<div class="grid">
 	<div class="col-12">
 		<div class="card">
 			<h5>Filter Menu</h5>
-			<p-table #dt1 [value]="customers1" dataKey="id" [rows]="10" [loading]="loading" styleClass="p-datatable-gridlines" [paginator]="true" [globalFilterFields]="['name','country.name','representative.name','status']" responsiveLayout="scroll">
+			<p-table #dt1 [value]="customers1" dataKey="id" [rows]="10" [loading]="loading" [rowHover]="true" styleClass="p-datatable-gridlines" [paginator]="true" [globalFilterFields]="['name','country.name','representative.name','status']" responsiveLayout="scroll">
 				<ng-template pTemplate="caption">
 					<div class="flex justify-content-between flex-column sm:flex-row">
 						<button pButton label="Clear" class="p-button-outlined mb-2" icon="pi pi-filter-slash" (click)="clear(dt1)"></button>
@@ -118,7 +118,7 @@
 						<td style="min-width: 12rem;">
 							<span [class]="'customer-badge status-' + customer.status">{{customer.status}}</span>
 						</td>
-						<td style="min-width: 12rem;">
+						<td style="min-width: 12rem; ">
 							<p-progressBar [value]="customer.activity" [showValue]="false"></p-progressBar>
 						</td>
 						<td class="text-center" style="min-width: 8rem;">

src/app/demo/view/tabledemo.component.ts

@@ -18,6 +18,10 @@ import { MessageService, ConfirmationService } from 'primeng/api'
         :host ::ng-deep .p-datatable-frozen-tbody {
             font-weight: bold;
         }
+
+        :host ::ng-deep .p-progressbar {
+            height:.5rem;
+        }
     `]
 })
 export class TableDemoComponent implements OnInit {