2015-10-13 95 views
1

我正在使用jQuery DataTables。我有一个ID为read的表格,每个表格行都在表格内。DataTable分页删除表格

当我与$('#read').DataTable()分页时,表格消失,我不明白为什么?

+1

添加您的HTML标记到问题。解决方法是将整个表格包含在'

'标记中,而不是单个行,因为这是不允许的。 –

回答

1

当然他们这样做。

正确的表HTML结构是:

<table> 
    <thead><!--optional--> 
     <tr><!--optional--> 
     <td></td><!--optional th can also be used--> 
     </tr><!--optional--> 
    </thead><!--optional--> 
    <tbody><!--optional--> 
     <tr> 
     <td></td> 
     </tr> 
    </tbody><!--optional--> 
    <tfoot><!--optional--> 
     <tr><!--optional--> 
     <td></td><!--optional th can also be used--> 
     </tr><!--optional--> 
    </tfoot><!--optional--> 
</table> 

欲了解更多信息请参阅http://www.w3.org/TR/html401/struct/tables.html

因此在<form>元素包围<tr>元素无效语法(这就是为什么他们获得剥夺过的数据表)

我建议你重新考虑你希望Datatables工作的方式。要更新行,您可以使用http://www.datatables.net/examples/ajax/。 要更新整个表,你可以使用常规的jquery-ajax api http://api.jquery.com/jquery.ajax/

+0

我找到了一个解决方案。而不是是父元素,我将其移动到下面,所以现在是父元素。它的工作原理。 –