Jquery: add custom row in datatables

Question

I created an html page, which contains five columns. The last one contains a button. (Each row has a button in the last column).

I'm using datatables plugin:

var oTable = $(".datatable-fn").dataTable({
    sPaginationType: "full_numbers"
});

Now I need to add new row to the tables. I know that exists fnAddData function that do this, but I don't know how can I add the button in the last cell of the row.

papaiatis · Accepted Answer · 2013-07-11 19:16:11Z

3

You can add any HTML content in the new cells:

$('#example').dataTable().fnAddData( [
    giCount+".1",
    giCount+".2",
    giCount+".3",
    "<button>My button</button>" ] );

Using createElement:

var button = document.createElement("button");
button.innerHTML = "My button";

$('#example').dataTable().fnAddData( [
    giCount+".1",
    giCount+".2",
    giCount+".3",
    button.outerHTML  ] )

edited Jul 11, 2013 at 19:16

answered Jul 11, 2013 at 19:09

papaiatis

4,3114 gold badges28 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

GVillani82 Over a year ago

So simple? :D Can I define a more complex object, using createElement, and then pass the object to the fnAddData?

Collectives™ on Stack Overflow

Jquery: add custom row in datatables

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related