Jquery DataTables - 具体的分页负载取决于数据,page.jumpToData()

时间:2015-03-11 20:46:44

标签: jquery datatables jquery-datatables

我有一个dataTable v1.10.5,它有很多数据......一列是一个日期,我们将它排序为'Descending',因此最新记录首先显示。我们将表格分页,因此很容易看到整块事情。

可能有数百个未来的日期记录,在今天的日期有一些,以及以前的记录。如果您先看到今天的日期记录,是否有可能到达页面加载? EG:有10页和今天的日期记录从第3页开始,所以我们先看第3页?从那里我们可以手动选择要正常查看的页面。

我正在加载DataTables-1.10.5.js和page.jumpToData()。js

但代码的jumpToData部分无效:( 我做错了吗?

简化代码快照:

<table id="E_games" class="table table-bordered tr-click" >
              <thead>
                <tr>
                  <th>Game Date</th>
                  <th>Start Time</th>
                  <th>Venue</th>
                  <th>Squad</th>
                  <th>Opponent</th>
                  <th>Status</th>
                  <th>Last Saved</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td data-order="20150612">12/06/2015</td>
                  <td>19:00</td>
                  <td>Edinburgh</td>
                  <td>U14</td>
                  <td>Jamesons</td>
                  <td><i class="fa fa-circle label-warning"></i> Pending</td>
                  <td data-order="20150601">Alan - 01-06-2015</td>
                </tr>
                <tr>
                  <td data-order="20150320">20/03/2015</td>
                  <td>19:00</td>
                  <td>Edinburgh</td>
                  <td>U14</td>
                  <td>Jamesons</td>
                  <td><i class="fa fa-circle label-warning"></i> Pending</td>
                  <td data-order="20150601">Alan - 01-06-2015</td>
                </tr>
              </tbody>
            </table>  

简单的JS:

    var table = $('#E_games').dataTable( {
        "order": [ 0, 'desc']
         } );
    table.page.jumpToData( "20/03/2015", 0 );

由于

1 个答案:

答案 0 :(得分:0)

管理以修复我需要的东西!

我们可以使用一个API插件来执行此操作...我想用更多的代码查找今天的日期,但是我们只需要调用它,但请确保使用DataTable而不是dataTable!

      var today = new Date();
      var localdate = addLeadingChars(today.getDate()) + '/' + addLeadingChars(today.getMonth() + 1) + '/' + today.getFullYear();
      var table = $('#E_games').DataTable( { "order": [ 0, 'desc'] } ).page.jumpToData( localdate, 0 );

所以将localdate与您要搜索的任何内容交换为&#39;然后是。中的列。

如果有人知道更好的方法 - 请告诉我!