使用datatable分页在knockout.js中无法进行数据绑定

我正在使用Knockout.js将列表绑定到表中。在这种排序、分页中，我使用的是datatable。第1页数据绑定工作正常。但如果我移到第二页，它就不起作用了。如果有人能帮忙，那就太好了。我对Knockout.js不熟悉。这是我的代码

<table id="datatable" class="table table-bordered thumbnail-table ">
    <thead>
        <tr>
            <th width="8%"> Pip Code</th>
            <th width="30%">Full Description </th>
            <th width="20%">Product Description </th>
            <th width="5%">Size</th>
            <th width="5%">Quantity</th>
            <th width="10%"> Manufacturer </th>
            <th width="10%">Brand Name</th>
            <th width="5%"><input type="checkbox" data-bind="checked: selectAll" /></th>
            <th width="10%">Stock</th>
        </tr>
    </thead>
    <tbody data-bind="dataTablesForEach : {data: items,
                                            options: {
                                                paging: true,

                                            }}">
        <tr data-bind="click: $root.selectRow">
            <td data-bind="text:$data.pipCode"></td>
            <td data-bind="text:$data.fullDescription"></td>
            <td data-bind="text:$data.productDescription"></td>
            <td data-bind="text:$data.size"></td>
            <td data-bind="text:$data.quantity"></td>
            <td data-bind="text:$data.manufacturer"></td>
            <td data-bind="text:$data.brandName"></td>
            <td><input type="checkbox" data-bind="checked:$data.include,click: function(){return true}, clickBubble: false" /></td>
            <td><input type="text" style="width:50px" class="form-control" data-bind="value:$data.stock,click: function(){return true}, clickBubble: false" /></td>
        </tr>
    </tbody>
</table>

Pip码
完整描述
产品说明
大小
量
制造商
品牌名称
股票

我知道这个问题是不久前发布的，但是如果有人发现这个问题，你应该去看看 tl；dr KnockoutJS无法绑定到DataTables分页隐藏的HTML元素