DataTable-列表中的第一个单选按钮从不显示为选中状态

Question

在最后一列中有一个带有无线电组的表，其中每个组都有一个唯一的名称。

我已将每个组的第一个无线电设置为选中状态，但出于某种奇怪的原因，第一行的所有无线电均未选中。

检查HTML，我可以在第一个收音机中看到“选中”选项，但显示为未选中。

类似这样的东西：

<table border="1">
  <tbody>
    <tr>
      <td>1</td>
      <td>AAAAAAAAAAAA</td>
      <td>
        <input name="row1" type="radio" checked>X
        <input name="row1" type="radio">Y
        <input name="row1" type="radio">Z
      </td>
    </tr>
    <tr>
      <td>2</td>
      <td>BBBBBBBBBBBB</td>
      <td>
        <input name="row2" type="radio" checked>X
        <input name="row2" type="radio">Y
        <input name="row2" type="radio">Z
      </td>
    </tr>
    <tr>
      <td>3</td>
      <td>CCCCCCCCCCCC</td>
      <td>
        <input name="row3" type="radio" checked>X
        <input name="row3" type="radio">Y
        <input name="row3" type="radio">Z
      </td>
    </tr>
  </tbody>
</table>

这仅发生在第一行，并且与数据无关。如果数据发生更改或以其他方式排序，则仍然是出现问题的第一行。

编辑：我刚刚发现这是由jQuery DataTables引起的，但仍然不知道为什么。这是重现问题https://jsfiddle.net/xkden3q8/

的示例

Answer 1

我通过更改数据表库解决了此问题 <script src="//datatables.net/download/build/nightly/jquery.dataTables.js"></script>