jquery datatables如何从js数组创建复杂表

时间:2013-02-07 07:49:27

标签: jquery datatables

我正在使用DataTables,并希望根据以下示例从js创建表动态:

http://datatables.net/release-datatables/examples/data_sources/js_array.html

如果我想创建一些更复杂的行,例如

,我仍然可以使用此API
  <tr>
    <td><div class="checksquared"><input type="checkbox" name="checkbox[]" /><label></label></div></td>     
    <td>Title Name</td>
    <td>18769</td>
    <td>
        <span class="checkslide">
            <input type="checkbox" checked="checked" />
            <label data-on="On" data-off="Off"></label>
        </span>
    </td>
    <td>
      <span class="tip" ><a href="modalEdit.html?idEdit=edit" class="pop_box" title="Edit" ><img src="images/icon/icon_edit.png" ></a></span> 
      <span class="tip" ><a href="javascript:void(0)" class="Delete" data-name="delete name" title="Delete"><img src="images/icon/icon_delete.png" ></a></span> 
     </td>
  </tr>

编辑:我的服务器端是ASP.NET

2 个答案:

答案 0 :(得分:0)

这可能会有所帮助...... http://datatables.net/release-datatables/examples/server_side/server_side.html

服务器端(PHP)代码的链接中,您可以根据需要修改自定义行。

答案 1 :(得分:0)

我认为你要找的是函数mRenderhttp://datatables.net/ref#mRender) 它允许返回任何你想要的东西(在你的情况下是HTML),你可以访问整行。

你可以,例如用这个:

"mRender": function ( data, type, full ) {
    return '<span class="checkslide"> <input type="checkbox" checked="checked" value='+data+' /><label data-on="On" data-off="Off"></label></span>';
}