Javascript Jquery数据表排序和行重新排序不起作用

Javascript Jquery数据表排序和行重新排序不起作用,javascript,jquery,datatable,datatables,Javascript,Jquery,Datatable,Datatables,我想对表进行重新排序并对表进行排序,但在这个代码块中,它们不起作用。我的问题在哪里 <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs/dt-1.10.15/af-2.2.0/b-1.3.1/b-colvis-1.3.1/b-flash-1.3.1/cr-1.3.3/fc-3.2.2/fh-3.1.2/kt-2.2.1/rg-1.0.0/rr-1.2.0/sc-1.4.2/se-1.2.2

我想对表进行重新排序并对表进行排序,但在这个代码块中,它们不起作用。我的问题在哪里

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs/dt-1.10.15/af-2.2.0/b-1.3.1/b-colvis-1.3.1/b-flash-1.3.1/cr-1.3.3/fc-3.2.2/fh-3.1.2/kt-2.2.1/rg-1.0.0/rr-1.2.0/sc-1.4.2/se-1.2.2/datatables.min.css"/>

关于你的问题,我可以说两点

一,。初始化datatable后,您将动态添加行。因此,您可以在动态生成表后初始化datatable。请检查以下内容:

var MyTbody=document.getElementByIdMyTbody; var Row=document.createElementtr; var Column=document.createElementtd; Column.appendChilddocument.createTextNode1; Row.appendChildColumn; Column=document.createElementtd; Column.appendChilddocument.createTextNodeData一列; Row.appendChildColumn; Column=document.createElementtd; Column.appendChilddocument.createTextNodeData两列; Row.appendChildColumn; MyTbody.appendChildRow; 行=document.createElementtr; Column=document.createElementtd; Column.appendChilddocument.createTextNode2; Row.appendChildColumn; Column=document.createElementtd; Column.appendChilddocument.createTextNodeData一列; Row.appendChildColumn; Column=document.createElementtd; Column.appendChilddocument.createTextNodeData两列; Row.appendChildColumn; MyTbody.appendChildRow; 行=document.createElementtr; Column=document.createElementtd; Column.appendChilddocument.createTextNode3; Row.appendChildColumn; Column=document.createElementtd; Column.appendChilddocument.createTextNodeData一列; Row.appendChildColumn; Column=document.createElementtd; Column.appendChilddocument.createTextNodeData两列; Row.appendChildColumn; MyTbody.appendChildRow; //生成表后初始化DataTable $'MyTable'.DataTable{ 分页:false, 长度变化:错误, 搜索:假, 顺序:对, 信息:错, 自动宽度:false, 行重新排序:true }; 身份证件 数据一 数据二
<thead>
    <tr>
        <th id="tdbicim">ID</th>
        <th id="tdbicim">Data One</th>
        <th id="tdbicim">Data Two</th>
    </tr>
</thead>

<tbody id="MyTbody"></tbody>
var MyTbody = document.getElementById("MyTbody");

$('#MyTable').DataTable({
    "paging": false,
    "lengthChange": false,
    "searching": false,
    "ordering": true,
    "info": false,
    "autoWidth": false,
    "rowReorder": true
});

var Row = document.createElement("tr");
var Column = document.createElement("td");

Column.appendChild(document.createTextNode("1"));
Row.appendChild(Column);

Column = document.createElement("td");
Column.appendChild(document.createTextNode("Data One Column"));
Row.appendChild(Column);

Column = document.createElement("td");
Column.appendChild(document.createTextNode("Data Two Column"));
Row.appendChild(Column);

// Add row
MyTbody.appendChild(Row);

Row = document.createElement("tr");
Column = document.createElement("td");
Column.appendChild(document.createTextNode("2"));
Row.appendChild(Column);

Column = document.createElement("td");
Column.appendChild(document.createTextNode("Data One Column"));
Row.appendChild(Column);

Column = document.createElement("td");
Column.appendChild(document.createTextNode("Data Two Column"));
Row.appendChild(Column);

// Add row
MyTbody.appendChild(Row);

Row = document.createElement("tr");
Column = document.createElement("td");
Column.appendChild(document.createTextNode("3"));
Row.appendChild(Column);

Column = document.createElement("td");
Column.appendChild(document.createTextNode("Data One Column"));
Row.appendChild(Column);

Column = document.createElement("td");
Column.appendChild(document.createTextNode("Data Two Column"));
Row.appendChild(Column);

// Add row
MyTbody.appendChild(Row);