Просмотрите ввод ячеек в html-таблице

У меня есть таблица html с альтернативным вводом и флажком. Мои проблемы, когда я хочу просмотреть свою таблицу с ключевой вкладкой. Когда фокус находится на флажке, следующая вкладка — это не следующие ячейки, а следующий флажок. Это мой код:

<form class = "tabledit-form">

        <table id = "table" class = " table-striped">
            <thead>
                <tr>
                    <th class = "head-num"><div><span>N°</span></div></th>
                    <th class = "head-ba"><div><span>Ba</span></div></th>
                    <th class = "head-num2"><div><span>N2°</span></div></th>
                    <th class = "head-ba2"><div><span>Ba2</span></div></th>
                    <th class = "head-num3"><div><span>N3°</span></div></th>
                    <th class = "head-ba3"><div><span>Ba3</span></div></th>
                </tr>
            </thead>
            <tbody>
                {% for i in nb_lines %}

                <tr class = "line-{{forloop.counter}}">
                    <td id = "lg-{{forloop.counter}}-col-1" tabindex = "1"></td>
                    <td id = "lg-{{forloop.counter}}-col-2" tabindex = "2"><input type = "checkbox" name = "ba-1-lg-{{forloop.counter}}" /></td>
                    <td id = "lg-{{forloop.counter}}-col-3" tabindex = "3"></td>
                    <td id = "lg-{{forloop.counter}}-col-4" tabindex = "4"><input type = "checkbox" name = "ba-2-lg-{{forloop.counter}}" /></td>
                    <td id = "lg-{{forloop.counter}}-col-5" tabindex = "5"></td>
                    <td id = "lg-{{forloop.counter}}-col-6" tabindex = "6"><input type = "checkbox" name = "ba-3-lg-{{forloop.counter}}" /></td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </form>