datatable分页(转载)

  1. #region GetPagedTable DataTable分页   
  2.     /// <summary>   
  3.     /// DataTable分页   
  4.     /// </summary>   
  5.     /// <param name="dt">DataTable</param>   
  6.     /// <param name="PageIndex">页索引,注意:从1开始</param>   
  7.     /// <param name="PageSize">每页大小</param>   
  8.     /// <returns></returns>   
  9.     public  DataTable GetPagedTable(DataTable dt, int  PageIndex, int  PageSize)  
  10.     {  
  11.         if  (PageIndex == 0)  
  12.             return  dt;  
  13.         DataTable newdt = dt.Copy();  
  14.         newdt.Clear();  
  15.   
  16.         int  rowbegin = (PageIndex - 1) * PageSize;  
  17.         int  rowend = PageIndex * PageSize;  
  18.   
  19.         if  (rowbegin >= dt.Rows.Count)  
  20.             return  newdt;  
  21.   
  22.         if  (rowend > dt.Rows.Count)  
  23.             rowend = dt.Rows.Count;  
  24.         for  ( int  i = rowbegin; i <= rowend - 1; i++)  
  25.         {  
  26.             DataRow newdr = newdt.NewRow();  
  27.             DataRow dr = dt.Rows[i];  
  28.             foreach  (DataColumn column  in  dt.Columns)  
  29.             {  
  30.                 newdr[column.ColumnName] = dr[column.ColumnName];  
  31.             }  
  32.             newdt.Rows.Add(newdr);  
  33.         }  
  34.   
  35.         return  newdt;  
  36.     }  
  37.     #endregion 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要对 DataTable 进行分页并合并多列,可以使用 jQuery DataTables 插件。该插件可以实现 DataTable分页、排序、搜索等功能,还可以自定义 DataTable 的显示样式。 下面是一个示例代码,演示如何使用 DataTables 插件对 DataTable 进行分页并合并多列: ```html <!-- 引入 DataTables 插件的 CSS 和 JS 文件 --> <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css"> <script type="text/javascript" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script> <!-- 在 HTML 中定义一个表格 --> <table id="myTable" class="display" style="width:100%"> <thead> <tr> <th>Name</th> <th>Age</th> <th>Email</th> </tr> </thead> <tbody> <tr> <td>Tom</td> <td>20</td> <td>tom@example.com</td> </tr> <tr> <td>Jerry</td> <td>18</td> <td>jerry@example.com</td> </tr> <!-- 其他行省略 --> </tbody> </table> <script> $(document).ready(function() { // 初始化 DataTables 插件 $('#myTable').DataTable({ "pagingType": "full_numbers", // 分页样式 "pageLength": 10, // 每页显示的行数 "searching": false, // 禁用搜索功能 "ordering": false, // 禁用排序功能 "info": false, // 隐藏统计信息 "columnDefs": [{ // 合并多列 "targets": [0, 1], // 要合并的列的索引 "render": function(data, type, row, meta) { return data + ' (' + row[1] + ')'; } }] }); }); </script> ``` 在上面的代码中,我们通过引入 DataTables 插件的 CSS 和 JS 文件,并在 HTML 中定义一个表格。然后在 JavaScript 中初始化 DataTables 插件,并设置一些参数,比如分页样式、每页显示的行数、禁用搜索和排序功能等。最后使用 columnDefs 参数合并多列,将 Name 和 Age 两列合并为一列。 运行代码,就可以看到 DataTable分页并且 Name 和 Age 两列被合并为一列了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值