カスタム属性を使用してDataTableに行を追加する​​タグ

Question

テーブルセルが保持するデータだけでなく、<td>タグにもデータを指定しながら動的にDataTableに行を追加しようとしています。私が追加された行の最初のセルは、内容を持つことになります。この場合、この

paymentsTable.row.add([ 
    { html : 'some html', className: 'some class', data-whatever:'whatever' }, 
    { html : 'some another html', className: 'some class', data-whatever:'whatever' } 
]) 

ような何かを行うことができるようにしたい

今私は、このコード

let row = [ 
     '1', 
     model.name, 
     model.surname, 
     model.personal_id, 
     model.phone_number, 
     model.loan_total_amount+' '+model.currency_code, 
     model.loan_current_liability+' '+model.currency_code, 
     model.pay_date, 
     model.transaction_id || '', 
     statuses[model.status], 
     `<ul class="icons-list"> 
      <li class="dropdown"> 
       <a href="datatable_basic.htm#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-menu7"></i></a> 
       <ul class="dropdown-menu dropdown-menu-right"> 
        <li><a href="datatable_basic.htm#"><i class="icon-paperplane"></i> send sms</a></li> 
        <li><a href="datatable_basic.htm#"><i class="icon-diff-removed"></i>mark as payd</a></li> 
       </ul> 
      </li> 
     </ul>` 
    ]; 

    let node = paymentsTable.row.add(row).draw(); 

を持っています'いくつかのクラス'とデータの何らかのhtmlクラス - 何でも '何でも'

Answer 1

あなたが広告をしたときD行DataTableの、あなたは次のようにこの新しい作成row objectを取得することができます：

var rowNode = oTable 
     .row.add([cellData, cellData, cellData, cellData, cellData, cellData]) 
     .draw(false) 
     .node(); 

あなたはこの新しい作成された行の所望のtdであなたのCSS classを注入することができます。

$(rowNode).find('td:eq(1)').addClass('myClass'); 
$(rowNode).find('td:eq(3)').addClass('myClass2'); 

デモ用にはJSFiddle Exampleを参照してください。