title: How to Center Align ng-Table Header?
body: <p>All , 
   I am using ng-table for the Grid. I am using following code snippet to set the  column .</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;td data-title="'Access ID'" sortable="'accessID'" style="width:120px" class="text-center"&gt;{{people.accessID}}&lt;/td&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><img src="https://i.stack.imgur.com/Q7aia.png" alt="enter image description here"></p>
  
  <p>But I am not able to center align the Column Header but column data. </p>
  
  <p>Here is the source code snippet for Access ID Header.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;th ng-repeat="column in $columns" ng-class="{ 'sortable': parse(column.sortable), 'sort-asc': params.sorting()[parse(column.sortable)]=='asc', 'sort-desc': params.sorting()[parse(column.sortable)]=='desc' }" ng-click="sortBy(column, $event)" ng-show="column.show(this)" ng-init="template=column.headerTemplateURL(this)" class="header  sortable"&gt; &lt;!-- ngIf: !template --&gt;&lt;div ng-if="!template" ng-show="!template" ng-bind="parse(column.title)" class="ng-binding ng-scope"&gt;Access ID&lt;/div&gt;&lt;!-- end ngIf: !template --&gt; &lt;!-- ngIf: template --&gt; &lt;/th&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Question is , How to center align the Header for a particular column in ng-table?</p>