Question

我正在开发一个WordPress项目。我在前端主题页面中应用了DataTable。我的页面DataTable工作正常，但它有许多for ...循环。因此，它降低了页面速度。我想应用dataTable的延迟加载概念，我的dataTable内容也有HTML内容。

我用谷歌搜索了这个例子。所以任何人都可以帮助我“如何使用这个解决方案，我的数据来自AJAx请求？”

示例：

$(document).ready(function() {
    var data = [];
    for ( var i=0 ; i<50000 ; i++ ) {
        data.push( [ i, i, i, i, i ] );
    }

    $('#example').DataTable( {
        data:           data,
        deferRender:    true,
        scrollY:        200,
        scrollCollapse: true,
        scroller:       true
    } );
} );

DataTable示例 - Client-side data source (50,000 rows)

我的DataTable格式如下，

foreach($wp_user_search as $user_id)
......
$return = "<tr class=\"$bclass\" data-id='" . $user_id . "' >";
$return .= '<td><input type="checkbox" name="filterEmails[]" class="filterEmails" value="' . $user_email . '"></td>';
$return .= '<td class="th_name"><span class="filter_name" data-popup-open="popup-user-tabs" data-userid="' . $user_id . '">' . $user_name . '</span><form method="get" action="aa" style="float: right"><input type="hidden" name="userid" value="' . $user_id . '"/><button type="submit">Details</button></form></td>';
$return .= '<td class="th_title">' . $user_meta['user_title'][0] . '</td>';
$return .= '<td class="th_email">' . $user_email . '</td>';
....
}

必填：想要将DataTable过滤器应用于我的WordPress AJAX数据。

提前致谢。

wordpress数据表懒惰装载概念

0 个答案: