[英]How to add data attributes to elements (<td> tags) when adding new row in datatable?
[英]Add row to DataTable with custom attributes <td> tag
我試圖動態地向DataTable添加一行,同時不僅指定表單元格將保存的數據,而且還指定屬性<td>
標記將具有的行。
現在我有這個代碼
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();
我希望能夠做這樣的事情
paymentsTable.row.add([
{ html : 'some html', className: 'some class', data-whatever:'whatever' },
{ html : 'some another html', className: 'some class', data-whatever:'whatever' }
])
在這種情況下,添加行中的第一個單元格將具有“ some html”類,“ some class”和“ data-whatever”的內容
在數據表中添加row object
,可以按以下方式獲取此新創建的row object
:
var rowNode = oTable
.row.add([cellData, cellData, cellData, cellData, cellData, cellData])
.draw(false)
.node();
您可以將CSS class
插入此新創建的行的所需td
中。
$(rowNode).find('td:eq(1)').addClass( 'myClass' );
$(rowNode).find('td:eq(3)').addClass( 'myClass2' );
請參見此JSFiddle示例進行演示。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.