bootstrap-表显示 undefindedText-Option 而不是 json 数据

Question

我对来自 url 的 bootstrap-table 和 table 数据有疑问。那是我的 html-代码：

<table data-toggle="table"
    data-url="/framework/21/?action=tabledata&cid=1"
    data-click-to-select="true">
    <thead>
        <tr>
            <th data-field="state" data-checkbox="true"></th>
            <th data_field="staff_nr">staff_nr</th>
            <th data_field="staff_name">staff_name</th>
            <th data_field="staff_surname">staff_surname</th>
            <th data_field="valid">valid</th>
            <th data_field="valid_till">valid_till</th>
        </tr>
    </thead>
</table>

创建 JSON 看起来像这样：

[ { "id": 25, "staff_nr": "1", "staff_name": "Jackson", "staff_surname": "Michael", "valid": "01.02.2014", "valid_till": "28.03.2014" } ]

table 已创建，但在所有列中仅显示“-”（即未定义的文本选项）而不是显示 json 值。

结果：

+-----------------+--------------------+-------------------+
| staff_nr        | staff_name         | staff_surname     |
+-----------------+--------------------+-------------------+
| -               | -                  | -                 |
+-----------------+--------------------+-------------------+

我做错了什么？我正在使用 django，但我想这对我的问题并不重要。

谢谢

Answer 1

您正在使用 data_field 而不是 data-field

<tr>
     <th data-field="id">ID</th>
     <th data-field="state" data-checkbox="true"></th>
     <th data-field="staff_nr">staff_nr</th>
     <th data-field="staff_name">staff_name</th>
     <th data-field="staff_surname">staff_surname</th>
     <th data-field="valid">valid</th>
     <th data-field="valid_till">valid_till</th>
</tr>

Fiddle

bootstrap-表显示 undefindedText-Option 而不是 json 数据

bootstrap-tables showing undefindedText-Option instead of json data

django

json

twitter-bootstrap-3