如何在jquery datatables标题中添加复选框?

时间:2013-01-04 14:30:17

标签: jquery datatables

我想在datatables表的标题中添加一个复选框或span。我不想在Html中添加它,我想在初始化时从javascript那样做。请建议我。

3 个答案:

答案 0 :(得分:6)

好吧,我不想改变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"}

        ]
    });

答案 1 :(得分:0)

试试这个:

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

我刚才知道了你的问题。我认为post解决了这个问题。

答案 2 :(得分:0)

这是旧的,但我将在这里为那些展望未来的人添加此声明。  { “MDATA”: “LineItem_nbr”,
               “mRender”:function(data,type,full){data包含mData的值                     返回'';                 },             }

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

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