DataTable数据覆盖之后无法跳到指定页面渲染的解决方法

最新推荐文章于 2023-07-03 14:01:14 发布
最新推荐文章于 2023-07-03 14:01:14 发布
阅读量1k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： javascript datatable 文章标签： javascript datatable
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/roymno2/article/details/73733535
本文详细介绍了DataTable在使用.clear()清除数据后，如何正确地重新绘制表格以显示正确的页数。特别是在添加新数据后，需要先调用.draw()方法更新表格显示，然后再通过.page()方法跳转到指定页。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

dataTable在.clear()之后，dataTable记录的页数也是一块被置零的
即便用.row.add() 或者.rows.add() 添加数据之后，在没有.draw()之前，datatable记录的总页数也还是1
所以这时候用.page(currentPage).draw(false) 去调到指定页面渲染是不好使的
所以如果替换了表格的数据话，需要先.draw() 一遍，再.page(currentPage).draw(false)  方能渲染成指定页面
laravel8 datatables 动态渲染数据及服务端分页
zb0109的博客
03-06 661
1.书写路由 2.控制器书写方法 public function index(Request $request){ //查询数据库数据 if ($request->ajax()){ // dd(22); $data = CompanyModel::all(); //记录总条数 $total = $data->count(); //分页开始的位置 .
DataTable使用详解
最新发布
2301_78399805的博客
04-08 1219
Java架构进阶面试及知识点文档笔记这份文档共498页，其中包括Java集合，并发编程，JVM，Dubbo,Redis，Spring全家桶，MySQL，Kafka等面试解析及知识点整理Java分布式高级面试问题解析文档其中都是包括分布式的面试问题解析，内容有分布式消息队列，Redis缓存，分库分表，微服务架构，分布式高可用，读写分离等等！互联网Java程序员面试必备问题解析及文档学习笔记Java架构进阶视频解析合集《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》
jQuery中Datatables增加跳转到指定页功能
10-20
本文给大家分享jquery中datatable增加跳转到指定页面功能以及jquery datatable中加入双击跳转功能的实例代码，需要的朋友参考下
JQuery Datatable 跳转指定页
Martin 的博客
06-17 601
$('.ajax-sourced').DataTable().page(3).draw(false); .ajax-sourced 是table 的class， 用id 也行，无所谓
datatables 表格渲染
weixin_30699831的博客
11-14 482
datatable作为前端的表格框架，是一个值得推荐的表格框架。可以方便的实现分页，排序，分页，以及列事件以及行事件，以及ajax数据交互； 今天我们首先要说的是datatables 中的render ：列渲染效果实现： 这里页面表格结构如何写：非常简单，datatables框架官网上有，我在这里就不提了。 datatables 我们可...
【Datatables】重新渲染及刷新当前页
i730443655的博客
07-03 1139
1、重新渲染，销毁Datatables实例(destroy)例如，操作成功后，刷新父级页面的table当前页数据。2、刷新当前页，dt.draw(false)使用场景：新增、修改、删除记录后需刷新当前页。适合Javascript数据源方式。适合Ajax数据源方式。
C#操作DataTable方法实现过滤、取前N条数据及获取指定列数据列表的方法
09-03
本篇文章将详细讲解如何利用C#操作`DataTable`来实现过滤、获取前N条数据以及获取指定列的数据列表。 首先，过滤数据是数据操作的一个基本需求。在`DataTable`中，可以通过`Select`方法来实现。`Select`方法接受一...
C#从DataTable获取数据的方法
12-25
本文实例讲述了C#从DataTable获取数据的方法。分享给大家供大家参考。具体如下： 通过通用类，返回一个DataTable，要想显示每个单元格，只要做两次循环即可： foreach (DataRow row in dt.Rows) { foreach ...
使用jquery DataTable和ajax向页面显示数据列表的方法
01-21
使用jquery DataTable在js中这么写 $(function() { $('#data-table').DataTable( { order : [ [ 1, 'desc' ] ], ajax : { url : /products, type : 'GET', dataSrc : }, ...
C# DataTable中查询指定字段名称的数据
09-03
当我们需要从`DataTable`中查询指定字段名称的数据时，可以使用其内置的`Select`方法。下面我们将详细探讨如何实现这个功能，并提供相关的实例代码。 1. `DataTable.Select` 方法的使用 `DataTable.Select` 方法是`...
JQuery DataTables 动态渲染列
u013239476的博客
10-29 743
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="http://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css"> <scri...
DataTable符合条件的行进行渲染颜色 JQuery
weixin_30696427的博客
09-19 692
下面方法对DataTable符合条件的行进行渲染颜色 JQuery 有好多方法可以 只要你获得 row对象调用css方法就可以 ，下面写俩 第一种方法（此方法用在$("#tableInfo").DataTable()内） "createdRow": function (row, data, dataIndex) { if (满足条件) { $...
js_datatable表格当加载海量数据的时候为了减轻渲染压力通过后台分也的时候，前端的写法。
井底的青蛙
11-21 2390
$('#datatable1').DataTable({                                 "serverSide": true,//后台分页必须开启的参数，否者无法后台分页                                 "bDestroy" : true,                                 "retrieve": tr...
datatable 在渲染表格时，对单元格进行单独设置样式
zane的博客
09-04 9208
业务需求背景： 在渲染表格时，根据数据判断当前单元格值是否为可修改，可修改就设置当前单元格的背景颜色为黄色。 HTML代码 &lt;div class="emissionsCon"&gt; &lt;h2 class="emissionsTitle"&gt;数据补发&lt;/h2&gt; &lt;table id="example" class="display
dataTable 加载展示 以及刷新数据
热门推荐
wanglj7525的专栏
12-24 4万+
使用dataTables展示数据，需求需要添加日期选择和分类筛选。表格footer显示统计数据。差额数据直接在列表中隐藏，获取var table; var total; $(function() { //----- money page or Tables page -----// if ($('#money_page, #tables_page').length > 0) {
DataTables如何重新加载数据
天天向上
05-01 5834
DataTables加载数据 // 调用ajax请求数据 g.ajax("/srp/data", data, function (jsonStr) { // setValue为table的tbody动态生成tr，并渲染数据 setValue(JSON.parse(jsonStr)); // 初始化DataTables var table = $('#datatable-butto...
DataTable 重新加载
三木君的博客
07-02 6242
var table = $('#goods_table').DataTable(); table.ajax.reload();这个比重新刷新页面，效果不知道好了多少。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值