数据表中显示行的限制答案

【问题标题】：Limit of displaying rows in DataTables数据表中显示行的限制
【发布时间】：2014-04-16 13:18:19
【问题描述】：

我使用数据表 2.0。如何设置显示行数限制？

我有 1000 行都显示在一页上。在 Datatables 1.9 中，它与“iDisplaylenght”一起使用。但在 Datatable 2.0 中，我尝试像在本文档中一样设置 'lenght:10'：http://next.datatables.net/manual/server-side 但它不起作用。

编辑：

在上面的这个链接上你可以看到我的问题。我从复选框中选择哪个数字并不重要。

我通过@Julian(thanks) 的链接发现，如果我不使用 ajax 调用，它可以正常工作。但是，如果我从服务器端获取数据，我的所有数据都会显示出来。请参阅链接。所以一定是服务器端的问题？！

@SuppressWarnings("unchecked")
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    String sql = "SELECT UID,LastName,FirstName FROM employe LIMIT 1000";
    
    int rows=0;
    int count = 0;
    JSONArray arrayback = new JSONArray();
    JSONObject object = new JSONObject();
    PrintWriter out = response.getWriter();
    
    try {

        Class.forName("com.mysql.jdbc.Driver");
        Connection con = DriverManager.getConnection("jdbc:mysql://localhost:3306/check","****","****");
        Statement stmt = con.createStatement();
        ResultSet rs = stmt.executeQuery(sql);
        ResultSetMetaData meta = rs.getMetaData();
        rows= meta.getColumnCount();        
        
        while(rs.next())
        {
            JSONArray array = new JSONArray();
            array.add(rs.getString("UID"));
            array.add(rs.getString("LastName"));
            array.add(rs.getString("FirstName"));
            count++;
            arrayback.add(array);
            
        }
        
        object.put("aaData", arrayback);
        object.put("sEcho",1);
        object.put("iTotalRecords", count);
        object.put("iTotalDisplayRecords", count);      
        out.print(object);          
        
    
        con.close();
}catch(exception e)
{
e.printStackTrace();
    }
}

这是我的服务器代码。

【问题讨论】：

我想你可以在这里找到问题的答案：stackoverflow.com/questions/12301286/…
不，它不起作用。我怎么说我使用 2.0 版本的数据表。我坚持我必须将 'iDisplayLength' 改为 'length' 但这是错误的

标签： javascript jquery

【解决方案1】：

您是否对数据表使用服务器端处理？因为您指向文档的链接指向数据表的服务器端配置。客户端应该通过“经典”数据表方法轻松呈现 Imho 1000 行。此外，链接页面上指出的选项是用于服务器端脚本来处理表的正确数据。这意味着，length 值告诉服务器（！）他必须返回多少行。因此，您的页面与数据表的“客户端”设置无关。

因此，要调整“客户端”上显示的行数，请使用 pageLength 值：

$(document).ready(function() {
    $('#example').dataTable( {
        "pageLength": 20 
    } );
} );

您还可以调整lengthMenu 以设置下拉选择，用户可以在其中指定他希望每页看到多少行：

$(document).ready(function() {
    $('#example').dataTable( {
        "lengthMenu": [20, 40, 60, 80, 100],
        "pageLength": 20
    } );
} );

在此处查看工作演示：http://jsfiddle.net/vf5wA/2/

编辑：

我认为您的问题是，您每次请求都返回全套项目。据我所知，Datatables 的工作方式有点不同。在您的 SQL 语句中，您将 LIMIT 设置为 1000，这意味着您的 api 将返回 1000 行。但是 Datatable 为您提供了一个参数“iDisplayLength”，该参数应通过 AJAX-Call 传递给您的 api。然后，“iDisplayLength”中指定的项目数将为您的 SQL 查询设置 LIMIT。

例如：

AJAX-Call: https://api.example.com/datatable/something?iDisplayLength=50

在您的服务器上，“iDisplayLength”-参数将设置查询的 LIMIT：

String sql = "SELECT UID,LastName,FirstName FROM employe LIMIT {iDisplayLength}";
object.put("iTotalRecords", {iDisplayLength});

我会尝试这样做，但我从未对数据表使用过服务器端处理，所以这只是在黑暗中拍摄。

【讨论】：

是的，我使用服务器端。但是“pageLength”不起作用。 'lengthMenu' 可以。我已经编辑了我的第一篇文章 - 带有图像和我的 servlet 代码。

【解决方案2】：

您需要使用lengthMenu & pageLength 属性。

"lengthMenu": [ 10, 25, 50, 75, 100 ]
"pageLength": 50

lengthMenu 为您提供从下拉列表中选择所需大小的选项，pageLength 提供默认页面大小。如果不使用pageLength 属性，则lengthMenu 数组中的第一个值用作页面长度。

【讨论】：