使用 webpack 构建器时数据表分页按钮未正确发送开始参数

Question

这是我的代码：

$('#myTable')
        .DataTable({
          'oLanguage': {
            'sSearch': 'Search Username'
          },
          'processing': true,
          'serverSide': true,
          'paging': true,
          'ordering': false,
          'autoWidth': false,
          'pageLength': 10,
          'ajax': {
            'url': '/someUrl',
            'dataSrc': 'someData',
            'type': 'POST'
          },
          'dom': 'Bfrtip',
          'buttons': [
            'csv', 'excel'
          ],
          'columns': [
            { 'data': '_id' },
            { 'data': 'username' },
            { 'data': 'amount' },
            {
              'data': 'action',
              render: function (data, type, row) {}
            }
          ]
        });

当点击第 2 页或任何其他按钮（包括第一个、最后一个、下一个……）时，请求正文中的开始和长度值始终作为 0 和 10 发送，并且仅显示前 10 个结果。

Answer 1

在webpack入口文件中使用require函数加载datatables.net时，我们必须正确地做到这一点并在window和jQuery对象上定义它。

错误的方式：

require('datatables.net-bs');

正确方法：

require('datatables.net-bs')( window, $ );

然后我们只需要再次构建我们的包，一切都会正常进行。

切记不要同时使用 datatables.net 和 datatables.net-bs。如果您使用 bootstrap 只需使用 datatables.net-bs.

使用 webpack 构建器时数据表分页按钮未正确发送开始参数

Datatable paging buttons not sending start argument correctly when using webpack builder

datatable

jquery