DataTables add data in row dynamically after validate button

Question

In my project I'm trying to add label (ex: OK or NOK) in the row at column Validate using DataTables but i can't manage it.

When i click on Open a new modal appear and then when i click on the content button HVV i would like to add a label in the column Validate (see pictures). How i can do that please ?

JSFiddle demo : https://jsfiddle.net/9ecb3sxr/

Like in my OP post : add label (ex: OK or NOK) then with boot strap i will add class like success or danger. It's just a flag to a status after clicking the HVV button. I hope I'm enough clear :) — Peacefull
– Peacefull, Commented Aug 30, 2016 at 13:58

Gyrocode.com · Accepted Answer · 2016-08-30 14:25:29Z

3

Remove data: null for last column, add defaultContent: ''.
Pass row Id to modal as data property data-row-id="' + rowIdx + '".

Upon closing the modal, update the required column:

var rowIdx = $(event.target).data('row-id');
$("#dispo").DataTable()
    .cell({ row: rowIdx, column: 3})
    .data('<div class="label label-success">Valid</div>')
    .draw(false);

I don't understand the logic with OK/NOK states but you should get an idea and adjust the code accordingly.

See updated jsFiddle for code and demonstration.

edited Aug 30, 2016 at 14:25

answered Aug 30, 2016 at 14:20

Gyrocode.com

59k16 gold badges157 silver badges192 bronze badges

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

5 Comments

Rajshekar Reddy Over a year ago

the updated fiddle link is having the same issue I guess.

Rajshekar Reddy Over a year ago

Looks cool now. I owed you because you had helped me long back with an issue :) you rock Brother!!

Peacefull Over a year ago

@Gyrocode.com : your code works good but the problem is with tableResp ! For the jsFiddle i put the the html code directly to the script because i can't use AJAX POST in jsFiddle. This html is the response from my request so i can't add data-row-id="' + rowIdx + '" to it :\ There is another way to do it please ? BTW thank you for this great piece of code !!

Gyrocode.com Over a year ago

@Peacefull, attach data directly to modal window then, see jsfiddle.net/9ecb3sxr/2

Peacefull Over a year ago

@Gyrocode.com : it's wonderful ! thank you very much for helping me ! this last update jsFiddle works for me :) have a good day bro

Collectives™ on Stack Overflow

DataTables add data in row dynamically after validate button

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related