Cách thêm hộp kiểm vào tiêu đề jquery datatables?

Question

Tôi muốn thêm hộp kiểm hoặc khoảng cách vào tiêu đề của bảng dữ liệu. Tôi không muốn thêm nó vào Html, tôi muốn làm điều đó từ javascript lúc khởi tạo. Hãy đề nghị tôi.

Answer 1

Vâng tôi không muốn thay đổi html, nó không phải là một thay đổi lớn mà tôi phải làm, chỉ cần thêm một số html lúc khởi tạo.

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

Hãy thử điều này:

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

tôi chỉ là bây giờ đã nhận nó vấn đề của bạn. Tôi nghĩ rằng điều này post giải quyết điều này.

Answer 3

Đây là cũ, nhưng tôi sẽ thêm tuyên bố này ở đây cho những người tìm kiếm trong tương lai. {"mData": "LineItem_nbr",
"mRender": chức năng (dữ liệu, loại, đầy đủ) {dữ liệu chứa giá trị cho mData trả lại ''; }, }

Thay đổi LineItem_nbr thành autoID hoặc những gì bạn đang sử dụng để xác định bản ghi.

Điều này sẽ đặt hộp kiểm trong hàng bạn thêm dòng này và có thể tìm kiếm theo id hoặc bạn có thể sử dụng lớp trong đó để lấy jQuery trên nhiều mục.