在jQuery DataTables中的Ajax请求之后在td中添加html元素 [英] Add html element within td after Ajax request in jQuery DataTables

问题描述

我想在从ajax获得响应后在td中添加html元素。

I want to add html element within td after get response from ajax.

结果将类似于：

<tr>
<td class="mycus-class" data-title="abc"><span class="mycus-class2">XYZ</span></td>
<td class="mycus-class" data-title="ghi"><span class="mycus-class2">GKL</span></td>
.....
</tr>

推荐答案

使用 render（） 函数，在这里一个小演示：

Very easy with a render() function, here a little demo :

var data = [
    { firstName: 'john', lastName : 'doe' }
]

var table = $('#example').DataTable({
    data : data,
    columns : [
       {  data : 'firstName',
          render : function(data, type, row) {
              return '<span class="mycus-class2">'+data+'</span>'
          }    
       },
       {  data : 'lastName' }
   ]        
})  

http://jsfiddle.net/e9be48oq/

http://jsfiddle.net/e9be48oq/

您可以在一次调用中定位多个列：

You can target multiple columns in one call :

columnDefs : [
   { targets : [0,3,4,5],
     render : function(data, type, row) {
        return '<span class="mycus-class2">'+data+'</span>'
     }     
   }
]

这篇关于在jQuery DataTables中的Ajax请求之后在td中添加html元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！