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

最新推荐文章于 2021-06-17 09:20:49 发布
原创 最新推荐文章于 2021-06-17 09:20:49 发布 · 1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #datatable

本文详细介绍了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(); //分页开始的位置 .
使用jquery DataTable和ajax向页面显示数据列表的方法
01-21
使用jquery DataTable在js中这么写 $(function() { $('#data-table').DataTable( { order : [ [ 1, 'desc' ] ], ajax : { url : /products, type : 'GET', dataSrc : }, ...
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 我们可...
web前端工作笔记008---jQuery table jstable的使用方法,字符串太长显示...初始化显示数据
添柴程序猿的专栏
10-16 608
技术交流QQ群【JAVA,C++,Python,.NET,BigData,AI】：170933152 刷新表格: 下面这样刷新,需要这两行 var pages = _table.page.info().page; _table.page(pages).draw(false); draw() vartable = $('#example').DataTable(); table...
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 ...
C# DataTable中查询指定字段名称的数据
09-03
当我们需要从`DataTable`中查询指定字段名称的数据时，可以使用其内置的`Select`方法。下面我们将详细探讨如何实现这个功能，并提供相关的实例代码。 1. `DataTable.Select` 方法的使用 `DataTable.Select` 方法是`...
datatable 在渲染表格时，对单元格进行单独设置样式
zane的博客
09-04 9208
业务需求背景： 在渲染表格时，根据数据判断当前单元格值是否为可修改，可修改就设置当前单元格的背景颜色为黄色。 HTML代码 <div class="emissionsCon"> <h2 class="emissionsTitle">数据补发</h2> <table id="example" class="display
js_datatable表格当加载海量数据的时候为了减轻渲染压力通过后台分也的时候，前端的写法。
井底的青蛙
11-21 2389
$('#datatable1').DataTable({                                 "serverSide": true,//后台分页必须开启的参数，否者无法后台分页                                 "bDestroy" : true,                                 "retrieve": tr...
处理dataTable 刷新 分页以及行点击事件
秋风伴落叶
03-27 9506
http://datatables.club/example/diy.html
Datatables 使用中遇到的问题及解决办法
Wilson技术
06-11 4430
清空表格，表格刷新，表格可拖动调整列宽
jquery 动态给table赋值
热门推荐
柠檬加冰
04-24 2万+
html请忽视各种class，因为前端用的是layui<table class="layui-table" lay-skin="line" id="datas"> <colgroup> <col width="150"> <col width="200"> <col> </colgroup> <thead> <tr>
datatable如何直接更新数据
豆之助
06-22 1万+
如果一个datatable生成的表格是ajax请求的数据的，我们只需要 xxx.ajax.reload()即可重新获取数据 但如果数据是从别处直接拿过来的数组该如何更新， 具体操作是 记录当前页码 清除整个表格数据 添加表格的全部数据 定位页面当之前的记录，并重绘 操作见下面的代码 var realTable = $('#example').DataTable(dataTableS
tab切换重新渲染Echarts后不显示
dongsir
07-12 1万+
echarts高度为0,宽度为0的解决方法,echarts绘制失败,echarts加载不出来,高度或者宽度为0
layui table不渲染但是能接收到数据
qq_36541886的博客
07-08 3424
看看返回的数据code如果为0才渲染！！！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值