An input in a DataTable cell loses tab order when the input is blurred

09wattry

I have a table that has several inputs in each row. When I update the input I tab off of it and the table is redrawn to update the table based on the value input. I want to move to the next input however the focus goes to the beginning of the table.

Is it possible to change this or keep context so that I can focus on the next control?

<table id="budgetAllocation" class="table table-striped table-condensed dataTable no-footer" cellspacing="0" width="100%" style="width: 100%;">
  <thead>
    <tr>
      <th class="text-center"><span class="text">CHARGE CODE</span></th>
      <th class="text-center"><span class="text">CC NAME</span></th>
      <th class="text-center"><span class="text">O/BAL</span></th>
      <th class="text-center"><span class="text">AMOUNT</span></th>
      <th class="text-center"><span class="text">C/BAL</span></th>
    </tr>
  </thead>
  <tbody>
    <tr id="0">
      <td class="table-control sorting_1"><input type="text" value="4226" placeholder="Select an option" class="form-control from-charge-code" list="chargeCode"></td>
      <td>Accounts - Tele</td><td class=" table-currency text-center">$ (329.50)</td>
      <td class=" table-control"><input type="text" value="100" placeholder="$" class="form-control from-amount"></td>
      <td class=" table-divide table-currency text-center">$ (429.50)</td>
      <td class=" table-control"><input type="text" value="" placeholder="Select an option" class="form-control to-charge-code" list="chargeCode"></td>
    </tr>
  </tbody>
</table>

colin

Hi @09wattry ,

You could try seeing a tabindex on each element.

Cheers,

Colin

09wattry

Hi @colin,

Do you mean setting or seeing?

colin

Ah sorry, yep setting.