bootstrap表顯示undefindedText選項，而不是json數據

Question

我有一個引導表和表的數據從url的問題。 那是我的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" } ] 

表創建完畢，但而不是顯示的JSON值只有一個「 - 」（這是undefindedText - 選項）顯示在所有列中。

結果：

+-----------------+--------------------+-------------------+ 
| 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