bootstrap编号的表中的行

时间:2017-06-05 20:35:42

标签: javascript html twitter-bootstrap

我一直试图用引导程序制作一张桌子。我发现它实际上可以做同样的事情来自动增加。这个例子可以在这里看到:

http://jsfiddle.net/DominikAngerer/yx275pyd/2/

<table data-toggle="table" data-
    url="/gh/get/response.json/wenzhixin/bootstrap-
    table/tree/master/docs/data/data1/">
  <thead>
    <tr>
      <th data-formatter="runningFormatter">Index</th>
      <th data-field="name">Name</th>
      <th data-field="stargazers_count">Stars</th>
      <th data-field="forks_count">Forks</th>
      <th data-field="description">Description</th>
    </tr>
  </thead>
</table>

并使用以下jscript

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>

如果有人知道索引列怎么会像这样的0001,那就太棒了

0 个答案:

没有答案