首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如果没有记录/正在显示的记录总数,如何在DataTables中继续显示分页栏?

在DataTables中,如果没有记录或者正在显示的记录总数为空,可以通过以下方式继续显示分页栏:

  1. 使用空数据占位符:可以在DataTables初始化时,通过设置language选项中的zeroRecords属性,将其设置为一个自定义的空数据占位符。例如:$('#example').DataTable({ language: { zeroRecords: "没有找到匹配的记录" } });这样,即使没有记录,分页栏也会继续显示,并显示自定义的空数据占位符。
  2. 强制显示分页栏:可以通过设置paging选项为true,强制显示分页栏。例如:$('#example').DataTable({ paging: true });这样,即使没有记录,分页栏也会继续显示。
  3. 自定义分页栏:可以通过自定义分页栏的方式,实现在没有记录时继续显示分页栏。可以使用DataTables提供的dom选项来自定义分页栏的布局。例如:$('#example').DataTable({ dom: 'lrtip' });上述代码中,dom选项的值lrtip表示分页栏的布局,其中l表示分页长度选择器,r表示分页信息,t表示表格,i表示表格信息,p表示分页控制器。通过自定义分页栏的布局,可以实现在没有记录时继续显示分页栏。

需要注意的是,以上方法都是基于DataTables的默认功能进行操作,没有特别依赖于腾讯云的相关产品。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

jquery.datatables 分页功能

因此,您可以轻松地显示由数百万行组成表。 当使用服务器端处理时,DataTables将在页面上每个绘图(即分页,排序,搜索等)时向服务器发出一个Ajax请求。...length -- int // 表可以在当前绘图中显示记录数。预计返回记录数将等于此数字,除非服务器返回记录较少。...} order[i]和columns[i]被发送到服务器参数信息数组: order[i] - 是一个定义有多少列数组 - 即如果数组长度为1,则执行单列排序,否则正在执行多列排序。...recordsTotal -- int // 过滤前记录(即数据库记录总数) recordsFiltered -- int // 过滤后记录(即应用过滤后记录总数)不仅仅是该数据页面返回记录数...error -- str // 可选:如果在运行服务器端处理脚本时发生错误,则可以通过传回使用此参数显示错误消息来通知用户此错误。不包括如果没有错误。

4.9K20
  • jquery datatable 参数

    风格 bLengthChange true or false, default true 开关,是否显示一个每页长度选择条(需要分页器支持) bPaginate true or false, default...true 开关,是否显示(使用)分页器 bProcessing true or false, defualt false 开关,以指定当正在处理数据时候,是否显示正在处理”这个提示信息 bScrollInfinite...这个数据是记录在cookies,打开了这个记录后,即使刷新一次页面,或重新打开浏览器,之前状态都是保存下来 sScrollX 'disabled' or  '100%' 类似的字符串 是否开启水平滚动...整数,默认为10 用于指定一屏显示条数,需开启分页器 iDisplayStart 整数,默认为0 用于指定从哪一条数据开始显示到表格中去 iScrollLoadGap 整数,默认为100 用于指定当...指定要从哪个URL获取数据 sCookiePrefix 字符串,default 'SpryMedia_DataTables_' 当打开状态存储特性后,用于指定存储在cookies字符串前缀名字

    22410

    DjangoWeb使用Datatable进行后端分页实现

    (这部分可以自定义) urlParam:table数据从哪里获取 columnsParam:table中有哪些列内容 这里要注意下,bProcessing=True这个属性很重要,这个属性能很友好提醒用户数据正在读取...", "sZeroRecords": "没有匹配结果", "sInfo": "显示第 _START_ 至 _END_ 项结果,共 _TOTAL_ 项", "sInfoEmpty"...sPrevious": "上页", "sNext": "下页", "sLast": "末页" }, }, "bProcessing": true, //开启读取服务器数据时显示正在加载...开启此模式后,你对datatables每个操作 每页显示多少条记录、下一页、上一页、排序(表头)、搜索,这些都会传给服务器相应值。...但是使用了get方式后,在某页进行操作再进行上面的JS刷新时会出现行序号紊乱或者分页信息被重置问题。 这也是我碰到一个坑。 特此记录一下。

    4.9K20

    在ASP.NET MVC5实现具有服务器端过滤、排序和分页GridView

    背景 在前一篇文章《【初学者指南】在ASP.NET MVC 5创建GridView》,我们学习了如何在 ASP.NET MVC 实现 GridView,类似于 ASP.NET web 表单功能。...安装包管理器默认是打开,它会在你解决方案显示成已安装 nugget 包,点击浏览按钮,然后搜索 JQuery DataTables 包,选择它并检查已安装了 JQuery DataTables...属性为 true,这也就告诉表格会在服务器端进行分页,过滤和排序,现在所有的数据不会立刻加载,而是第一页数据会默认展示出来,更多数据会当用户触发时才加载,处理属性会在检索行为显示这个加载过程。...,但它不是强制性,你也可以通过 ADO.Net 来实现,唯一需要做,就是从 DataTableResponse 实例行为返回 JSON  , 如果在脚本中正确定义了行,数据表就会正确显示数据。...在服务器端实现表格过滤、分页和排序等功能,能够减少客户端数据处理任务量,方便更好更快加载并显示数据。

    5.4K80

    jQuery插件DataTables环境搭建及简单使用

    之前我已经简单介绍了这款插件,我把此类文章归类为“Web前端”,不是很正确,这款神奇插件不仅支持客户端,也支持服务器端。通过ajax向服务器请求json数据,并展示到表格。...搭建环境 1.下载DataTables插件,下载地址:http://datatables.club/ 2.下载完成后,我们只需要media文件夹下 css , js 和 images 文件夹.../jquery.dataTables.min.css 文件 如何使用DataTables 1.在需要插入表格地方,插入如下 html 代码 ...'lase':'>>', } } }) 3.服务器端返回数据格式 返回所有数据,DataTables会自动在客户端实现本地分页,本地分页适用于数据量小(建议1000...条数据一下,非专业测试,仅做参考),在数据量大,请求时间过长情况下,建议开启服务器模式,在服务器端分页

    2.9K21

    【初学者指南】在ASP.NET MVC 5创建GridView

    介绍 在这篇文章,我们将会学习如何在 ASP.NET MVC 创建一个 gridview,就像 ASP.NET Web 表单 gridview 一样。...服务器端和客户端有许多可用第三方库,这些库能够提供所有必需功能, Web 表格搜索、排序和分页等。是否包含这些功能,取决于应用特殊需求,例如在客户端和服务器端提供搜索或其它功能需求等。...例如,一种情景是:因为数据库中有太多数据,所以在客户端进行分页并不是一个好选择。表格中有百万行数据,如果用客户端分页功能来绑定,页面就会由于大量数据行处理和HTML渲染而反应很迟钝。...安装包管理器默认是打开,它会在你解决方案显示成已安装 nugget 包,点击浏览按钮,然后搜索 JQuery DataTables 包,选择它并检查已安装了 JQuery DataTables...Visual Studio 将会提示是否要修改解决方案,你需要点击 Ok 来继续安装 JQuery DataTables 包。

    6.2K90

    SpringBoot2----MyBaits-Plus完成CRUD操作

    list集合 2.创建Page对象,规定显示第几页数据,当前页显示几条记录 3.调用service实现类page方法,将创建Page对象传入,返回page是分页查询结果 4.给容器中注入一个分页插件...5.页面分页显示结合thymeleaf模板引擎,取出值显示在页面上 thymeleaf 内置工具用法示例和手册 CRUD删除功能实现 thymeleaf模板引擎具体语法参考下面链接 重定向携带参数...底层是容器默认数据源,即使用spring容器数据源 mapperLocations自动配置好。有默认值。...crud能力 ---- 分页插件使用步骤 1.查询数据,封装为list集合 2.创建Page对象,规定显示第几页数据,当前页显示几条记录 3.调用service实现类page方法,将创建Page对象传入...===第几页,显示几条记录 Page userPage=new Page(pn,5); //返回page是分页查询结果 Page<User

    53110

    动手实践:美化 Jenkins 报告插件用户界面

    然后,您将获得一个新构建摘要,该摘要显示扫描文件总数(趋势和构建结果)。从这里,您可以导航到详细信息视图,该视图在可以简单排序和过滤显示扫描文件。...但是,如果表格应显示大量行,则使用像 DataTables 这样更复杂控件更有意义。...使用此基于 JS 表控件可免费提供其他功能: 通过文本搜索过滤结果 提供结果集分页 一次按多列排序数据 使用 Ajax 调用获取表行 根据屏幕分辨率显示和隐藏列 为了在视图中使用 DataTables...插件没有使用过此类静态表格,但是您可以查看警告插件显示固定警告表,以了解如何装饰此类表。...使用此概念还提供了一些其他功能,这些功能是 DataTables 插件一部分: 列顺序会自动保存在浏览器本地存储分页大小会自动保存在浏览器本地存储

    6.1K10

    EasyNVR RTSP转RTMP-HLS流媒体服务器前端构建之:使用BootstrapPagination以分页形式展示数据信息

    上一篇介绍通过接口来获取数据,本篇将介绍如何以分页形式展示出接口获取到数据 获取到数据往往会很多,为了追去页面的美观和方便用户检索,需要进行分页展示; EasyNVR可接多通道,当我们通道越发多起来时候...: ports.length,//需要分页数据总数; pageGroupSize : 3,//默认显示分页选择个数 ?...total: 101, //分页尺寸。指示每页最多显示记录数量。 pageSize: 20, //当前页索引编号。...从其开始(从0开始)整数。 pageIndex: 2, //指示分页导航中最多显示页索引数量。...lastPageText: "尾页", //设置页码输入框显示提示文本。

    1K20

    jquery datatables之Requested unknown parameter for row column

    ,然而任何一个插件使用过程都可能出现这样那样问题,本文就将为大家讲述一个小技巧: "language": { "lengthMenu": "每页显示 _MENU..._记录", "zeroRecords": "没有匹配数据", "info": "第_PAGE_页/共 _PAGES_页;总共有 _TOTAL_ 条记录...", "infoEmpty": "没有符合条件记录", "search": "查找", //"infoFiltered":..."(从 _MAX_条记录过滤)", "infoFiltered": "", "processing": "正在处理,请稍候···",...属性时设置为""--空字符串,那么及时该单元格没有数据也不会弹出上面的错误提示框,俗话说:万事有利必有弊,弹窗有一个明显好处就是让我们立即知道数据有问题,但是如果有些单元格确实可以为空(什么都不现实)

    85710
    领券