我将一些Ajax数据读入jQuery DataTables.问题是我需要将第一列中的数据转换为超链接.如在< td>< a href =“5555.html”> 5555< / a>< / td>中那样.
我的JSON数据:
{
"data": [
["5555","07/17/2010","RCC Saturday Open","E10","Harris,Fred","1900","nikolayev,Igor (FM)","2367","1-0"],["5554","B01","Motroni,Richard","1728","1-0"]
]
}
JavaScript的:
$(document).ready(function() {
$('#cccr').DataTable( {
"render": function ( data,type,row ) {
return '<a href="basic.PHP?game=' + data + '></a>'; //doesn't work
},"ajax": 'games.json',"deferRender": true
} );
} );
我对JavaScript知之甚少.在谷歌搜索datatables.net网站几小时后,我无法弄明白.
有人可以帮忙吗?
解决方法
原因
选项呈现应该是列或columnDefs的子属性.
解
使用columnDefs.render选项动态显示单元格中的超链接.
例如:
var table = $('#cccr').DataTable({
/* ... skipepd other options ... */
columnDefs: [
{
targets: 0,render: function ( data,row,Meta ) {
if(type === 'display'){
data = '<a href="basic.PHP?game=' + encodeURIComponent(data) + '">' + data + '</a>';
}
return data;
}
}
]
});
DEMO
有关代码和演示,请参见this jsFiddle.