Tenho uma tabela com duas colunas uma índice e outra com uma descrição. Gotaria que a coluna índice tivesse um contador automático para que o usuário não precisasse informar o número, evitando assim duplicidade e erros na sequência. Exemplo da tabela:

1 - Descrição

2 - Descrição

3 - Descrição

4 - Descrição

Estou usando o seguinte código HTML:

<div class="panel panel-primary" id="FormatacaoPauta">
        <div class="panel-heading">
            <h3 class="panel-title">Pauta</h3>
        </div>
        <div class="form-group">
            <table tablename="tabelapautas" class="table" noaddbutton="true">
                <thead>
                    <tr class="tableHeadRow"><th class="tableColumn">Número</th><th class="tableColumn">Descrição</th></tr>
                </thead>
                <tbody>
                    <tr class="tableBodyRow">
                        <td class="fs-v-align-middle col-md-1">
                            <div class="form-input">
                                <input type="counter" name="num_pauta" class="form-control" value=>
                            </div>
                        </td>
                        <td class="fs-v-align-middle col-md-9">
                            <div class="form-input">
                                <input type="text" name="desc_pauta" class="form-control">
                            </div>
                        </td>

                        <td class="fs-v-align-middle col-md-1">
                            <div class="form-input">
                                <input type="button" class="btn btn-primary" name="anexo_Pauta" 
                                id="anexo_Pauta" value="Inserir Anexo" onclick="showCamera();"/>
                            </div>
                        </td>
                        <td class="fs-v-align-middle col-md-1">
                            <div class="form-input">
                                <input type="button" class="btn btn-primary" name="downloadPauta" 
                                id="downloadPauta" value="download Anexo" data-attachments-download-attach=""/>

                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
            <button type="button" class="btn btn-primary" id="button_pauta" onclick="wdkAddChild('tabelapautas')">Nova Pauta</button>
        </div>
    </div>
<!--  Assuntos Discutidos -->
    <div class="panel panel-primary" id="FormatacaoAssuntos">
        <div class="panel-heading">
            <h3 class="panel-title">Assuntos Discutidos</h3>
        </div>
        <div class="form-group">
            <label>Assuntos</label>
            <table tablename="tabelaassuntos" class="table" noaddbutton="true">
                <thead>
                    <tr class="tableHeadRow"><th class="tableColumn">Número</th><th class="tableColumn">Assunto</th></tr>
                </thead>
                <tbody>
                    <tr class="tableBodyRow">
                        <td class="fs-v-align-middle col-md-1">
                            <div class="form-input">
                                <input type="text" name="num_assunto" class="form-control">
                            </div>
                        </td>
                        <td class="fs-v-align-middle col-md-11">
                            <div class="form-input">
                                <input type="text" name="desc_assunto" class="form-control">
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
            <button type="button" class="btn btn-primary" id="button_assunto"  onclick="wdkAddChild('tabelaassuntos')">Novo Assunto</button>
        </div>
    </div>

conseguem me ajudar?