jQuery DataTable - Bind a checkbox column dynamically with server data

Question

In jQuery datatable, how to bind a checkbox column dynamically, when binding server data?

My code:

oTable = $("#tblPreProcess").dataTable({
            bProcessing: true,
            bLengthChange: false,
            bFilter: true,
            sAjaxSource: '@Url.Action("FetchPreprocessOrders", "Admin")',
            aoColumns: [
               { sTitle: "Order No", bSortable: false ,bSearchable: true},
                { sTitle: "Vol.Weight", bSortable: false },
                { sTitle: "Content", bSortable: false, },               
                 { sTitle: "Bag Number", bSortable: false }                               
            ]               

        });

In the code given above, how do I add a checkbox column before 'Order No' column.

bind which checkboxes to what data?

davidkonrad
– davidkonrad

2014-07-02 10:56:57 +00:00
Commented Jul 2, 2014 at 10:56 — davidkonrad
– davidkonrad, Commented Jul 2, 2014 at 10:56
check this: stackoverflow.com/a/14131236/1059101

Jai
– Jai

2014-07-02 11:02:36 +00:00
Commented Jul 2, 2014 at 11:02 — Jai
– Jai, Commented Jul 2, 2014 at 11:02

ImanKazemi · Accepted Answer · 2014-08-10 20:42:27Z

you can do this like below code:

    oTable = $("#tblPreProcess").dataTable({
            bProcessing: true,
            bLengthChange: false,
            bFilter: true,
            sAjaxSource: '@Url.Action("FetchPreprocessOrders", "Admin")',
            aoColumns: [
               { sTitle: "Select", bSortable: false ,
                 mRender: function (data, type, full)
                 {
                    return '<input type="checkbox" class="selector" data-id="'+ data +'">'
                 },
               { sTitle: "Order No", bSortable: false ,bSearchable: true},
               { sTitle: "Vol.Weight", bSortable: false },
               { sTitle: "Content", bSortable: false, },               
                { sTitle: "Bag Number", bSortable: false }                               
            ]               

        });

Collectives™ on Stack Overflow

jQuery DataTable - Bind a checkbox column dynamically with server data

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related