Question

The Table

我的jsp页面上有一张表。表中有超过数千个数据。我想在表格上添加一个分页系统，当我点击1个数字页面时，只会加载选定的数据，例如只加载20个数字行。然后，当我选择第2页时，加载的行将仅从第21行到第40行。像谷歌页面加载系统一样。这是我的代码：

 function createDynamicTable(data){   

            currentbatchitemData = eval(data);  

            for(var i = 0; i < currentbatchitemData.length; i++){

                    var code  = currentbatchitemData[i].empCode; 
                    var name  = currentbatchitemData[i].empName;    
                    var salary = 0 ;
                    var income = currentbatchitemData[i].incomeYear;
                    var month = currentbatchitemData[i].month ;
                    var des = currentbatchitemData[i].batchDesc;

                    var tableInfo = "<tr>";
                    tableInfo +=
                                '<td class="table-td-text-color">' + code  + '</td>' +  
                                '<td class="table-td-text-color">' + name  + '</td>' +
                                '<td class="table-td-text-color">'+ salary + '</td>' +
                                '<td class="table-td-text-color">' + 
                                '<button type="button" class="btn-edit btn btn-xs"><span class="fa fa-edit"></span></button>'+
                                '<button type="button" onclick="delRow(this);" class="btn-del btn btn-xs"><span class="fa fa-trash"></span></button>' +'</td>';         

                    $("#currentbatchitem tbody").append(tableInfo);             
                } 

            $(document).ready(function(){
                $('#currentbatchitem').DataTable();
            });

                $("#income_year").val(income);
                $("#pay_month").val(month);
                $("#batch_description").val(des);
            InitHandlers();
        /* }

     }) ;*/     
}

Answer 1

您需要实现服务器处理才能实现目标。

请点击链接。

https://datatables.net/examples/data_sources/server_side.html

如何在特定范围内的jsp页面上加载表中的数据？

1 个答案: