javascript - jQuery datatables dynamically changing is not removing correct rows in Ruby on Rails -

I am using jQuery Databates with dynamically changing columns using colivos. Everything is working fine (add and remove columns).

But when the data is loaded and trying to remove a column, it is not removing the relevant rows properly instead of just deleting the column but the same row data in the next column Is being displayed. It should also be removed.

Help fix this problem.

partner.js

  $ ("#" example: "data" (data "" ":" c ";" clear ";; & Lt; lfrtip; search: false, paging: wrong," bServerSide ": true," sxxsource ": window.location href," fnServerData ": function (sSource, aoData, fnCallback) {console.log (SSource); console.log (aoData); console.log (fnCallback); Warning ('data change'); $ .getJSON (sSource, AoData, function (JSN) {// Do you have any additional processing on callback Then the dataable FnCallback (json)});}});  

transaction.html.erb # where the table is listed.

This is where The data is being loaded in each loop.

  
 gt; div class = "panel-title"> gt; & lt; span Class = "panel-title" & gt; & lt; i class = "fa-exchange"> gt; & lt; / i & gt; & amp; nbsp; and & nbsp; transaction & lt; / span & gt; ; & Lt;% = Partial assign: 'date_filter', local: {filter_name: 'load_more'}%> 
 
 & Lt;% = sd.merchantname% & gt; & Lt; / Td> & Lt; Td> & Lt;% = sd.bank_name% & gt; & Lt; / Td> & Lt; Td> & Lt;% = sd.payment_gateway% & gt; & Lt; / Td> & Lt; Td> & Lt;% = get_status (sd.status)% & gt; & Lt; / Td> & Lt; Td> & Lt;% = sd.amount% & gt; & Lt; / Td> & Lt; Td> & Lt;% = sd.discount% & gt; & Lt; / Td> & Lt; Td> & Lt;% = sd.additional_charges% & gt; & Lt; / Td> & Lt; Td> & Lt;% = get_added_on_date sd.addedon% & gt; & Lt; / Td> & Lt; / TR & gt; & Lt;% end% & gt; & Lt; / Tbody & gt; & Lt; / Table & gt; & Lt; Div id = "align" & gt; & Lt;% If @ all_settlement_details.count & lt; 1%> & Lt; A href = "" class = "load-more" data-click = "1" & gt; Nothing, more & lt; / A & gt; & Lt;% else% & gt; & Lt; A href = "" class = "load-more" data-click = "1" & gt; Load more ... & lt; / A & gt; & Lt;% end% & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;  

column before unchecking # position

click on "check" status "

See two images. In the Status column, start focusing on the " Status" , "Zodiac" column. The row data is "left" for the "Status" column, but when I uncheck the status column, the Status column is removed, but the row data that "left" is now next column Amount has been moved in.

I could not understand why this is happening, how can I correct this behavior.