Как выровнять текст по правому краю с помощью datatable

Question

<table id="table-DataView-Ceft-History" class="table table-bordered v-table">
  <thead>
    <tr>
      <th style="width:auto;">Date</th>
      <th style="width:auto;">MBSL Account No</th>
      <th style="width:auto;">Reference No</th>
      <th style="width:auto;">Amount(LKR)</th>
      <th style="width:auto;">Reason</th>
      <th style="width:auto;">Third Party Acc No</th>
      <th style="width:auto;">Transfer status</th>
      <th style="width:auto;">Target Bank</th>
      <th style="width:auto;">Transfer By</th>
    </tr>
  </thead>
</table>

Answer 1

Используя jQuery, это можно сделать методом css

$('#table-DataView-Ceft-History thead th').css('text-align', 'right');

OR, мы можем использовать свойство text-align: right; css для выравнивания текста по правому краю в th тегах

th {
  text-align: right;
}

<table id="table-DataView-Ceft-History" class="table table-bordered v-table">
  <thead>
    <tr>
      <th style="width:auto;">Date</th>
      <th style="width:auto;">MBSL Account No</th>
      <th style="width:auto;">Reference No</th>
      <th style="width:auto;">Amount(LKR)</th>
      <th style="width:auto;">Reason</th>
      <th style="width:auto;">Third Party Acc No</th>
      <th style="width:auto;">Transfer status</th>
      <th style="width:auto;">Target Bank</th>
      <th style="width:auto;">Transfer By</th>
    </tr>
  </thead>
</table>