datatable 分页

后台


            PagedDataSource pds = new PagedDataSource();
            pds.DataSource = dt.DefaultView;
            pds.AllowPaging = true;
            pds.PageSize = 20;
            int curpage;
            if (Request.QueryString["page"] != null)
            {
                curpage = Convert.ToInt32(Request.QueryString["page"]);
            }
            else
            {
                curpage = 1;
            }
            pds.CurrentPageIndex = curpage - 1;
            Label1.Text = curpage.ToString();
            Label2.Text = pds.PageCount.ToString();

            int intAllNum = pds.PageCount;
            string strPager = "";
            if (intAllNum > 0)
            {
                for (int i = 0; i < intAllNum; i++)
                {
                    strPager += "<a style=\"color:#ff0000\" href ='?page=" + (i + 1) + "'>" + (i + 1) + "</a> ";
                }
                Label3.Text = strPager;

            }
            if (!pds.IsFirstPage)
            {
                HyperLink1.NavigateUrl = Request.CurrentExecutionFilePath + "?page=" + Convert.ToString(curpage - 1);
            }
            if (!pds.IsLastPage)
            {
                HyperLink2.NavigateUrl = Request.CurrentExecutionFilePath + "?page=" + Convert.ToString(curpage + 1);
            }
            this.Repeater_checkList.DataSource = pds;
            Repeater_checkList.DataBind();


前台


  <table cellpadding="0" cellspacing="0" border="0" width="90%" style=" margin:0 auto;">
            <tr>
                <td style="text-align: center; font-size: 14px; height: 40px; line-height: 40px;">
                    第> <font color="red" style="font-weight: bold">
                        <asp:Label ID="Label1" runat="server" Text=""></asp:Label></font><页      
                    <asp:Label ID="Label3" runat="server" Text=""></asp:Label>     
                    <asp:HyperLink ID="HyperLink1" runat="server"><span class="kuang">上一页</span></asp:HyperLink>  
                    <asp:HyperLink ID="HyperLink2" runat="server"><span  class="kuang">下一页</span></asp:HyperLink>
                          共> <font color="red" style="font-weight: bold">
                        <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label></font> <页
                </td>
            </tr>
        </table>


  • 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、付费专栏及课程。

余额充值