DataTable 重新加载数据要先销毁原DataTable

最新推荐文章于 2023-07-03 14:01:14 发布
最新推荐文章于 2023-07-03 14:01:14 发布
阅读量5.4k 收藏 2
点赞数 2
CC 4.0 BY-SA版权
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_23337175/article/details/87725079
本文介绍了一种在前端开发中常见的操作：如何清除并销毁现有的DataTable，然后重新绑定数据到同一个表格，确保数据的准确性和界面的刷新。此过程涉及使用jQuery和DataTables插件的方法，如fnClearTable()和fnDestroy()，以及重新初始化DataTable。

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

var datatable = $("#table").dataTable();
        if (datatable) {  
         datatable.fnClearTable();    //清空数据
         datatable.fnDestroy();         //销毁datatable
        } 
        updateTableRecord(result);  //为table重新添加数据
        
        $("#modelmanagetable_dig").dataTable(obj);//重新绑定table
 

GameFramework框架详解之 DataTable配置表模块
TxNet
06-03 4243
一.前言： DataTable模块是项目的配置表模块，配置表一般是从excel导出csv/json/xml格式的，之所以是excel作为源文件，原因是因为策划同学使用配表最方便。然后一键导出到项目中，除了csv/json/xml配置文件外，一般还会伴随着导出配置的实体类，这样研发同学就可以使用了。GameFramework的DataTable模块也是秉持着这种一贯的策略来实现的。 二.DataRow DataRow在excel数据表中，对应的是一行数据，而在代码中对应的其实就是一条数据对象。 接口IData
datatables加载新数据时清除原有数据
weixin_34390105的博客
09-07 1370
虽然使用datatables时间不长，但是感觉它功能很强大，可是很不好用 今天就遇到了问题，我第一次查询数据展示在页面上没有问题，换了查询条件之后，虽然执行了，但是数据无法渲染到页面 思考片刻觉得是数据二次渲染的问题，datatables官方文档的一些API貌似没用，查了半天资料终于有点头目了， 资料链接给出来：https://www.cnblogs.com/Rexcnblog/p/6444...
DataTables如何重新加载数据
weixin_33888907的博客
05-01 1044
DataTables加载数据 // 调用ajax请求数据 g.ajax("/srp/data", data, function (jsonStr) { // setValue为table的tbody动态生成tr，并渲染数据 setValue(JSON.parse(jsonStr)); // 初始化DataTables var table = $('#datatable-b...
datatable重新加载ajax数据库,dataTables.js 重新加载数据
weixin_39902545的博客
08-06 1056
在使用dataTables的时候，实现自定义搜索后，请求了新的数据，但列表却没有刷新，百度/Bing了很多解决方法，基本是集中在两种：方法 1：dataTable.ajax.reload().draw();方法 2：dataTable.fnClearTable();dataTable.fnDraw();但是我一开始使用的时候，两种方法都不行，而且第二种还会报错。排查原因后，发现，dataTable...
bootstrap datatable 数据刷新问题
08-23 260
在项目中，页面初始化的时候，通过通过向后台请求数据，页面初始化完之后，datatable是有数据的，当我点击页面的搜索按钮（按照时间过滤数据），datatable的数据要能重新刷新或者重载；这一点，我的实现是直接从数据库中查询，目前的数据量比较小，还没必要用到缓存，此时，由于初做web，遇到了好多问题，诸如datatable cannot initial 等等问题，datatable初...
DataTable——ajax获取到数据重加载
weixin_43235307的博客
12-04 1065
1、前端html <table id="carousel_figure_table" class="table table-striped table-bordered" style="width:100%"> <thead> <tr> <th>ID</th> <th>名称</th> <th>编号</th> <th>原料</th> &lt
jquery.dataTable刷新数据
weixin_45663625的博客
03-31 2328
```javascript var table = $('#datatable').DataTable(); table.draw(false); //刷新一页 table.ajax.load() //整个刷新
jQuery使用DataTable实现删除数据后重新加载功能
12-09
当需要删除数据并重新加载表格时，我们可以使用`fnClearTable`和`fnDestroy`方法来清除和销毁现有的DataTable实例。`fnClearTable`清空表格内容，`fnDestroy`则将DataTable还原到初始化前的状态，允许我们重新初始化...
jQuery datatable1.10.5 api
03-22
Datatables API 包含大量方法，如 `row.add()` 添加行，`table.destroy()` 销毁表格，`column().visible()` 控制列可见性等，可以实现各种自定义需求。 9. **Ajax 动态加载** Datatables 支持动态加载数据，`ajax...
男孩的天职datatable视频
10-16
8. **API操作**：介绍DataTable提供的JavaScript API，如初始化、销毁、重载数据等操作。 9. **集成其他库**：教学如何将DataTable与其他库（如jQuery、Bootstrap等）结合使用，提升用户体验。 10. **实战案例**：...
datatable动态绑定前先销毁原信息和配置
二苟
12-14 600
之前因为需要异步查询数据，然后对现有数据进行排序和分页等功能。第一次的时候，在页面中加载数据后再对table进行DataTable渲染处理，然后发现在重新请求数据后，如果对数据进行排序，出现的时之前的旧数据；说明重新使用datatable对table初始化，并没有起效。 因此，如果时二次绑定的话，需要对table先进行一个数据销毁再重新进行渲染。 方法： var datatable = $...
datatable刷新数据，js不整体刷新页面，使用DataTables表格插件定时更新后台数据变化
sunzixiao的博客
06-30 3806
最近遇到一个需求，需要刷新一个页面上的实时数据显示，最简单的办法当然是在页面头加入meta的http-equiv属性，这样是最简单的，但是这样的话页面每次刷新的时候会闪一下，体验感不是特别好，现在就只想更新一个表格中的数据而不是刷新整个页面。
dataTable的页面刷新操作
qcp1020的博客
12-28 1万+
页面初始化DataTable的时候，请求参数往往是封装在dataTable里面的，刷新表格数据的时候重新注入参数会很麻烦。 版主碰到这个问题后，试过了很多方法，最终还是在官方API例找到了例子，即draw()方法。具体代码如下： draw() var table = $('#example').DataTable();
dataTable 动态列 二次加载
weixin_30588729的博客
11-07 124
需要把 列头和表格内容全部清空 if ($('#datatable').hasClass('dataTable')) { 　 var　dttable = $('#datatable').dataTable(); 　　dttable.fnClearTable(); //清空一下table 　　dttable.fnDestroy(); //还原初始化了的datatabl...
jquery.Datatables页面刷新
u012512634的专栏
08-10 6592
jquery.Datatables页面刷新 jquery.Datatables页面刷新 1.执行操作后刷新表格，停留在当前页面 1.1 场景 1.2 解决方法 1.3 参考文档 2.状态保存 2.1 场景 2.2 解决方法 2.3 参考文档 3.不需要保存状态的页面跳转 3.1 场景 3.2 解决方法 3.3 参考文档 1.执行操作后刷新表格，停留在当前页面...
dataTable 加载展示 以及刷新数据
热门推荐
wanglj7525的专栏
12-24 4万+
使用dataTables展示数据，需求需要添加日期选择和分类筛选。表格footer显示统计数据。差额数据直接在列表中隐藏，获取var table; var total; $(function() { //----- money page or Tables page -----// if ($('#money_page, #tables_page').length > 0) {
DataTable异步加载数据并刷新
JungleWalker的博客
11-17 1645
    在工作中遇到这样的情况，使用DataTable填充数据（场景不相同）：     假设id、姓名、性别信息做一次查询就可以得到，而成绩需要根据id去分别查询（甚至需要去请求网络接口获取数据），消耗的时间就会非常多，在即时性要求比较高的项目中甚至都是不可接受的。     我的解决方法是DataTable先加载基本信息（id、姓名、性别），完成后再异步去加载其余数据。  &n
【Datatables】重新渲染及刷新当前页
i730443655的博客
07-03 1144
1、重新渲染，销毁Datatables实例(destroy)例如，操作成功后，刷新父级页面的table当前页数据。2、刷新当前页，dt.draw(false)使用场景：新增、修改、删除记录后需刷新当前页。适合Javascript数据源方式。适合Ajax数据源方式。
jQuery Datatable刷新表格方法Api
m0_64335166的博客
01-03 1430
jQuery Datatable刷新表格方法Api
DataTable 的Disopose与Clear有什么区别
最新发布
07-30
- **效果**：调用Clear后，DataTable仍然可用，你可以重新添加数据。调用Dispose后，对象不应该再被使用，因为它可能已释放资源。 在.NET中，DataTable.Clear()是安全的，并且不会导致内存泄漏。Dispose是可选的，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值