jquery - 如何将复选框添加到 jquery 数据表标题？

Question

我想在数据表的表头中添加一个复选框或跨度。我不想在 Html 中添加它，我希望在初始化时从 javascript 中做到这一点。请给我建议。

Answer 1

好吧，我不想更改 html，这并不是我必须做的大更改，只需在初始化时添加一些 html。

    nTable = $('#tblExample').dataTable({
        "bJqueryUI": true,
        "bDestroy":true,
        "bPaginate": false,
        "bSortable": false,
        "aaData":testData,
        "aoColumns": [

                    {   "sTitle": "<input type='checkbox'></input>","mDataProp": null, "sWidth": "20px", "sDefaultContent": "<input type='checkbox' ></input>", "bSortable": false},
                    {   "mDataProp": "Year"},
                    {   "mDataProp": "Month"},
                    {   "mDataProp": "Savings"}

        ]
    });

Answer 2

尝试这个：

<table id="myTable">
<thead>
  <tr>
    <th>
      <div>
        <input id="checkbox1" type="checkbox"/>
      </div>
    </th>
  </tr>
</thead>
</table>

我现在才知道你的问题。我认为这篇文章解决了这个问题。

Answer 3

这是旧的，但我将在此处添加此声明以供那些展望未来的人使用。{"mData":"LineItem_nbr",
"mRender": function (data,type,full) { data 包含 mData 的值 return ''; }, }

将 LineItem_nbr 更改为 autoID 或您用来识别记录的任何内容。

这将在您添加此行的行中放置一个复选框，并且可以通过 id 进行查找，或者您可以使用其中的类来对多个项目进行 jQuery 抓取。