javascript datatables初始化DOM和API

hs1ihplo 于 2023-03-28 发布在 Java

关注(0)|答案(1)|浏览(136)

我正在使用DataTables，并四处寻找改变显示的条目数量（默认为10个条目）的方法，以及如何使用DOM重新排列表中元素的位置。
我的第一个问题是，我不确定如何在单一初始化中运行数据表API和DOM。
单独地，两个代码都工作：
DOM

$('#datatable').dataTable( {
              "dom": 'tip'
    
          } );

和API

var table = $('#datatable').DataTable();  
 table.page.len( 50 ).draw();

错误消息：
数据表警告：table id=datatable -无法重新初始化DataTable。有关此错误的详细信息，请参阅http://datatables.net/tn/3
如果有人能指导我如何在一个单一的初始化写这段代码。
我还注意到，在我尝试使用DOM之后，分页元素向下移动，并在元素和表之间留下间隙？是什么导致了这种情况发生，我如何避免这种情况？如屏幕截图所示。
Screenshot
多谢

JavaScript

来源：https://stackoverflow.com/questions/75860276/datatables-initialise-dom-and-api

1条答案

按热度按时间

polhcujo1#

您可以将页面长度设置为每页50条记录，如下所示：

$('#datatable').dataTable( {
  dom: 'tip',
  pageLength: 50
} );

参考：pageLength
关于您的示例代码：

var table = $('#datatable').DataTable();  
table.page.len( 50 ).draw();

这对我来说是可行的。所以，你需要提供一个MRE来重新创建你得到的特定错误。
下面是一个演示，它使用您的方法将页面长度设置为每页3行：
一个二个一个一个

赞(0）回复(0）举报 2023-03-28

我来回答

javascript datatables初始化DOM和API

1条答案

相关问题

热门标签

最新问答