Javascript 表中行数的引导

我一直想用bootstrap做一张桌子。我发现实际上可以做一些类似于自动递增的事情。这里可以看到一个例子：

问题在于它使用来自远程url的数据。我可以对一个已经有一些预设值的表做类似的事情吗？这样做的目的是，我可以将新行预先添加到表中，它将索引行。起始表可以如下所示：

<table class="table table-inverse">
    <thead class="thead-default">
        <tr>
            <th data-formatter="runningFormatter">Index</th>
            <th>Name</th>
            <th>Surname</th>
            <th>Job</th>
            <th>Wage, €</th>
            <th>bla, €</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td></td>
            <td>Mark</td>
            <td>Otto</td>
            <td>@mdo</td>
            <td>bla</td>
            <td>blum</td>
            <td>
                <p class="btn" style="width:10%; padding-bottom:0; margin-
                bottom:0; border-bottom:0"><span class="fa fa-edit"></span></p>
                <p class="btn" style="width:10%; padding-bottom:0; margin-
                bottom:0; border-bottom:0"><span class="fa fa-trash"></span></p>
            </td>
        </tr>
        <tr>
            <td></td>
            <td>Mark</td>
            <td>Otto</td>
            <td>@mdo</td>
            <td>bla</td>
            <td>blum</td>
            <td>
                <p class="btn" style="width:10%; padding-bottom:0; margin-
                bottom:0; border-bottom:0"><span class="fa fa-edit"></span></p>
                <p class="btn" style="width:10%; padding-bottom:0; margin-
                bottom:0; border-bottom:0"><span class="fa fa-trash"></span></p>
            </td>
        </tr>
    </tbody>
</table>

指数
名称
姓
工作
工资，欧元
布拉
行动
做记号
奥托
@mdo
布拉
布鲁姆


做记号
奥托
@mdo
布拉
布鲁姆

---

如果有人知道索引列是如何变成这样的0001，那就太好了

你可以通过计算表行来获得新的索引。老实说，你不知道如何做到这一点。我想我有一个想法，我可以在某处显示总行数，但不知道如何增加行数，就好像有3行一样，上面的一行应该是1，下面的一行应该是2，然后是3，等等。$（“#myTable>tbody>tr”）。Jquery中的长度

function runningFormatter(value, row, index) {
  return index;
}

<table class="table table-inverse">
    <thead class="thead-default">
        <tr>
            <th data-formatter="runningFormatter">Index</th>
            <th>Name</th>
            <th>Surname</th>
            <th>Job</th>
            <th>Wage, €</th>
            <th>bla, €</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td></td>
            <td>Mark</td>
            <td>Otto</td>
            <td>@mdo</td>
            <td>bla</td>
            <td>blum</td>
            <td>
                <p class="btn" style="width:10%; padding-bottom:0; margin-
                bottom:0; border-bottom:0"><span class="fa fa-edit"></span></p>
                <p class="btn" style="width:10%; padding-bottom:0; margin-
                bottom:0; border-bottom:0"><span class="fa fa-trash"></span></p>
            </td>
        </tr>
        <tr>
            <td></td>
            <td>Mark</td>
            <td>Otto</td>
            <td>@mdo</td>
            <td>bla</td>
            <td>blum</td>
            <td>
                <p class="btn" style="width:10%; padding-bottom:0; margin-
                bottom:0; border-bottom:0"><span class="fa fa-edit"></span></p>
                <p class="btn" style="width:10%; padding-bottom:0; margin-
                bottom:0; border-bottom:0"><span class="fa fa-trash"></span></p>
            </td>
        </tr>
    </tbody>
</table>