为什么jquery datatable永远不会重新初始化？
jQuery DataTables是一个功能强大的jQuery插件，用于在网页上创建可排序、可搜索、可分页的数据表格。它提供了丰富的功能和灵活的配置选项，使得数据表格的展示和操作变得简单和高效。
为什么jQuery DataTables永远不会重新初始化呢？这是因为DataTable插件在初始化时会将表格的状态信息存储在一个内部对象中，包括当前页码、排序方式、搜索关键字等。当我们对表格进行操作时，如排序、搜索、分页等，DataTable会根据这些状态信息来更新表格的显示。
重新初始化DataTable会导致之前存储的状态信息丢失，从而导致表格回到初始状态。这样会给用户带来不便，特别是在进行复杂的操作时，用户可能需要重新设置排序、搜索等操作，影响用户体验。
为了避免重新初始化DataTable，我们可以使用DataTable提供的API来进行表格的操作和更新。例如，如果需要重新加载数据，可以使用ajax.reload()方法来重新加载数据源，而不是重新初始化整个DataTable。如果需要重新设置排序，可以使用order()方法来设置排序方式。如果需要重新设置搜索关键字，可以使用search()方法来设置搜索关键字。
总之，通过使用DataTable提供的API来操作和更新表格，可以避免重新初始化DataTable，保留用户的操作状态，提高用户体验。
推荐的腾讯云相关产品：腾讯云对象存储（COS）
- 概念：腾讯云对象存储（COS）是一种高可靠、低成本、强安全的云存储服务，可用于存储和处理各种类型的数据，包括文本、图片、音视频等。
- 优势：高可靠性、低成本、强安全性、灵活可扩展、多种数据处理能力。
- 应用场景：网站和应用程序的静态资源存储、大规模数据备份和归档、音视频存储和处理、数据分析和挖掘等。
- 产品介绍链接地址：腾讯云对象存储（COS）
注意：本回答中没有提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的云计算品牌商，以符合问题要求。
相关·内容
我正在尝试使用vue js中的jquery datatable，但是当我更改“显示条目”或在“搜索”中输入某些内容时，没有显示任何记录，任何关于我做错了什么的提示(我对Vue Js不是很有经验)将在下面的代码中得到高度重视(从一个例子中获得它，它似乎加载表中的数据ok)： template>
<div class="Example">
<h2>Implement jQuery DataTable in Vue Js</h2>
<table class="display table-borde
浏览 135提问于2021-08-09得票数 0
我试图让DataTable JQuery插件将一个简单的表导出为Excel，而不是CSV。
我自己的代码至少显示了按钮，但在这个JSFiddle上，我甚至无法得到：
为什么在引用所有插件资源的情况下，不提供一个Excel按钮作为Excel导出？
$('#example').DataTable( {
buttons: [
'excel'
]
} );
浏览 4提问于2017-03-24得票数 1
回答已采纳
我想要一个Jquery的dataTable。我的第一个解决办法是：
我在html页面中使用Jquery dataTable创建了一个脚本函数。
<script>
function initTable() {
if( $('#datatable').length ) {
$('#datatable').dataTable({
sDom: "<'row'<'col-sm-6'l><'col-sm-6'f>r>t<
浏览 5提问于2020-07-01得票数 0
回答已采纳
我的页面中有一个jquery datatable，我用下面这样的数据填充它：
$(document).ready(function () {
var datatable;
$(document).on("click", ".myBtnClass", function () {
if (datatable != null)
datatable.destroy();
datatable = $('#tableProducts').DataTable({
&
浏览 0提问于2017-06-04得票数 0
public class MainFrame extends JFrame {
public DefaultTableModel historyModel;
public DefaultTableModel dataModel;
public JTable historyTable;
public JTable dataTable;
public JTableHeader header;
private void createUI() {
browsersTabbedPane = new BrowsersTabbedPane();
浏览 1提问于2010-10-06得票数 0
回答已采纳
1回答
我使用的是Twitter，我有一个带有的响应表。在load页面中，分页工作，但是在Jquery事件(更新body表中的行和数据)之后，表不分页。
表：
<table id="tblFaltas" class="table table-striped table-bordered">
<thead id="theadFaltas">
<tr class="header">
<th rowspan="2">
浏览 5提问于2015-10-19得票数 1
回答已采纳
为什么数字12345输出为"state“，11111输出为"my"？
sub Counter{
state $i= 0;
$i++;
print "$i\n";
}
for (1..5){
Counter();
}
浏览 1提问于2022-07-11得票数 0
1回答
我动态添加了一个栏目的内容...
for (var i = 0; i < data.length; i++) {
data.referred_by='<a href="#" data-toggle="popover" class="" title="'+temp[i].referred_by+'"data-trigger="hover" data-content="Total Referrals :'+temp[i].as_count+'"
浏览 1提问于2016-04-02得票数 14
回答已采纳
1回答
在外部下拉列表更改时，我似乎无法刷新DataTable。我试图实现的是在选择语言时翻译(HTML源)表头，但是.draw()方法似乎没有被调用。任何想法，如如何修复，这是值得赞赏的。
var lang = {en:['code','name','qty'], es:['codigo','nombre','cantidad'], fr:['code','prenom','quantite']};
var dataTable = $('#dat
浏览 2提问于2019-01-08得票数 0
回答已采纳
2回答
我希望在页脚中显示总量。这是我的数据表：
以下是我的jquery datatable代码：
for (var i = 0; i < length; i++ ) {
var patient = data.data[i];
console.log(patient);
var formattedDate = function() {
if (patient.Date === null) return "";
var pattern = /Date\(([^)]+)\)/;
var results =
浏览 0提问于2019-01-11得票数 0
回答已采纳
3回答
我正在使用jQuery数据表插件将表格呈现为jQuery DataTable。我没有使用任何服务器端调用来获取表行的详细信息。
我使用jQuery从用户当前正在查看的页面上可用的信息生成表HTML。
<table cellpadding="0" cellspacing="0" border="0" class="display" id="list_table"> <thead> </thead> <tbody> </tbody
浏览 0提问于2011-04-19得票数 0
回答已采纳
2回答
在数组中搜索JQuery autocomplete的正则表达式不能正常工作。
我有一个数组：
var names = [ "Jorn Zaefferer", "Scott Gonzalez", "John Resig" ];
下面是JQuery的自动补全功能：
$( "#developer" ).autocomplete({
source: function( request, response ) {
var matcher = new RegExp('^'+request.term,'g&#
浏览 0提问于2013-08-29得票数 1
我有下面的代码。我想知道为什么它是以一种方式而不是另一种方式起作用的。
<!doctype html>
<html>
<head>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title
浏览 0提问于2016-09-21得票数 0
回答已采纳
我正在运行Mojave /Laravel5.8/PHP7.2/ Jquery.dataTables 10.1.19。
第一轮：
如果我不放：if (!$.fn.DataTable.isDataTable('.table')) {...
我得到了一个错误：DataTables warning: table id=DataTables_Table_0 - Cannot reinitialise DataTable.
我不知道确切原因，但我把这个放进去了，如果成功的话。我有其他的项目，在没有它工作的情况下。
第二轮：
在我的索引中，我调用了DataTable()，它调用Ajax请求来
浏览 0提问于2019-05-05得票数 1
我让datatable在按钮单击时显示来自服务器的值。这是一种搜索功能。如果更改搜索文本框值并再次单击，则不会反映所做的更改。
第二次datatable未显示正确的值。
jQuery("#dialog-form").dialog ({
autoOpen: false,
height: 500,
width: 750,
modal: true,
buttons : {
"Search" : function() {
jQuery.ajax({
url : 'action="part"/>',
data : {"
浏览 1提问于2013-06-24得票数 1
我计划使用Jquery DataTable来显示用户收件箱。我希望在他单击页码或下一页或上一页按钮时加载部分用户消息。
根据我最初的研究，我认为jquery DataTable在呈现之前需要所有表数据。
有没有人知道是否有任何可能的方法来加载用户请求的数据表？
浏览 0提问于2012-10-09得票数 4
回答已采纳
是否可以动态更改jQuery DataTables ColVis扩展选项？
我有数据表
$("#calc_tabl").DataTable({
paging: false,
colVis: {
buttonText: "Show/hide",
//exclude: [0]
},
dom: 'C<"clear">frtiS'
});
通过单击按钮，我想要更改排除列，但我不需要重新加载整个表。
浏览 2提问于2015-09-14得票数 3
回答已采纳
我正在使用JQuery数据表，为了提高效率，我想知道是否应该在页面加载时初始化数据表。然后，当用户提交他们的查询时，调用datatable API到addData？
或者，我可以只使用服务器查询字符串初始化DataTable。
浏览 0提问于2010-02-24得票数 0
回答已采纳
7回答
我有两个带有服务器端处理的jQuery数据表。我有一个复选框，我可以在其中隐藏和显示这两个表。我想销毁显示的none并创建另一个表。我该怎么做呢？ 这就是我尝试过的，但是ajax.reload没有触发。 if ($('#mode').is(':checked')) {
Table2.ajax.reload();
Table1.clear();
Table1.destroy();
} else {
Table1.ajax.reload();
Table2.clear();
Table2.destroy()
}
v
浏览 49提问于2017-11-24得票数 7
回答已采纳
我正在<p:dataTable>过滤器(其id为id)上执行以下<p:dataTable>函数，它允许用户只在filter组件中输入数字。
$(document).ready(function() {
$("#form\\:dataTable\\:id\\:filter").keydown(function(event) {
//Allow: tab, escape, and enter
if(event.keyCode===9||event.keyCode===27||event.keyCode===13||
浏览 1提问于2013-11-26得票数 8
回答已采纳
1回答
我的代码使用"“库。初始化<table>元素上的数据表
jQuery_3_3_1(".subtable").DataTable({ });
如何将此应用于新生成的元素？(这不需要我重新呈现页面或为每个页面创建单独的ids并初始化不同的表)。
编辑:我试过这样做：
jQuery_3_3_1('#readiness').on('click', 'td.details-control', function () {
alert("potato");
jQuery
浏览 0提问于2018-04-16得票数 1
回答已采纳
1回答
用新数据刷新数据表
、、、
我有一个使用jQuery数据表的表。该表每15秒用新数据更新一次。我正在使用最新版本的Datatable。
如何使用新数据重新初始化Datatable，而不使用影响UI的clear方法？
我的守则：
jQuery.ajax({
type: 'POST',
url: /list_tasks',
data: ajaxData,
spinner: true,
success: function (response) {
$('#task_table').html(response.html)
浏览 1提问于2017-08-21得票数 2
我们有超过20万条记录。加载数据表花费的时间太长。
下面是我们使用的代码
$(document).ready(function() {
var dataTable = $('#dataTables-example').DataTable( {
responsive: true,
"processing": true,
"serverSide": true,
'iDisplayLength': 25,
"aaSorting": [
浏览 1提问于2016-05-05得票数 0
我在angular 2应用程序中有一个组件，它有一个下拉列表和一个datatable。根据从下拉列表中选择的名称，我希望在datatable中显示详细信息。
HTML -
<div>
<select [(ngModel)]="selectedName">
<option *ngFor="let name of nameList" value= {{name.firstName}} >
{{name.firstName}}
</option>
</select>
浏览 5提问于2017-07-02得票数 3
1回答
我使用Jquery数据表来显示我的数据，这些数据来自一个ajax调用和一个json文件。我使用两个表，第一个(#list1)显示来自sql的数据，第二个(#list2)是在我单击第一个表(一个click事件)中的一行时填充的。我正在重新加载数据，我使用了clear()和draw()来重新加载表格，但是在使用这个之后，第二个表格(#list2)停止显示信息，只有当你去点击它才会显示数据。我想这是我重新装入表格的方式，但没有其他方法对我有效。
下面是我的jquery代码：
$(document).ready(
function()
{
浏览 46提问于2021-03-16得票数 0
回答已采纳
我是jQuery和ASP.Net MVC的新手。我正在开发一个使用jQuery的mvc应用程序。
我在jQuery数据表中遇到问题。在update或delete方法之后，我们需要重新构造Datatable。我用jquery做了，但是我不能加载数据表，因为它是earlier..Please的，帮我解决这个问题。
<table id="ViewxxTable" width="100%"> //Here is the table I want to reconstruct
<thead>
<tr>
浏览 0提问于2011-07-20得票数 2
回答已采纳
9回答
我使用jquery数据表来显示网格中的数据。在init页面加载脚本上，采取DateTime.Today并进一步处理它们，问题是在init页面加载之后，当我试图获取用户输入日期以便进一步处理时。我有跟踪错误。
DataTables警告(表id = ' DataTable ')：无法重新初始化DataTable。若要检索此表的DataTables对象，请不传递参数或查看bRetrieve和bDestroy的文档。
function getDate() {
var date = $('input[name="myDate"]').val();
浏览 15提问于2012-09-17得票数 25
回答已采纳
我有几行包含一些延迟加载的数据。例如,
<table border="1">
<tr>
<th>Employee</th><th>Sales</th>
</tr>
<tr>
<td>Michale</td><td>1000</td>
</tr>
<tr>
<td>Kim&
浏览 3提问于2017-11-30得票数 0
回答已采纳
1回答
我有一台selectOneMenu和一台dataTable。当我更改所选值时，dataTable将重新填充。dataTable的其中一列是inputText。问题是inputText字段不调用getter，而是缓存以前的值。
我想要么强制调用getter，要么将inputText设置为不缓存。我如何摆脱这个问题？
<h:body>
<f:view>
<h:form id="headForm">
<ice:selectOneMenu id="item"
浏览 2提问于2013-03-03得票数 0
我有一个名为main_yladmin.php的主页，我的ajax菜单驻留在这里。这是它的菜单代码：
<!--Start Container-->
<div id="main" class="container-fluid">
<div class="row">
<div id="sidebar-left" class="col-xs-2 col-sm-2">
<ul class="nav main-menu
浏览 1提问于2015-08-24得票数 0
10回答
我使用JQuery DataTable。我发送数据到datatable onclick在json文件在ajax成功.the第一次点击一切都很好，但下一次点击我只得到正确的数据ANd错误的dataTables_info的值它总是显示第一个值的dataTables_info和页码和行从第一个结果。这是第一次在datatable中显示数据：
所有下一次点击我只获取正确的数据:在这个例子中，它们是一个结果，显示在下面的图片中，但其他所有内容(信息、显示、分页)都属于第一个搜索，显示在第一张图片中：
在第二个示例中，当我单击分页的任何页面时，我会得到第一个页面结果的内容！！这是我的函数ONc
浏览 41提问于2016-08-10得票数 8
1回答
我有一个本地JSON文件，它将数据呈现到一个DataTable中。我正在构建人们的个人资料页面，我生成了用户可以点击的选项卡(通过Bootstrap) -即单击Languages选项卡可显示此人的语言技能。 我想这样做，如果一个人没有数据(例如，没有语言技能)，那么div的标签是隐藏的。我认为，如果没有任何东西可以点击，浏览页面的用户将无法看到数据。 我想我必须做一些像if no-data $("#div-tab").hide()这样的事情，但是我不知道如何将它放入我的代码中(见下文)。 JS代码片段： import $ from 'jquery';
impo
浏览 21提问于2019-02-23得票数 0
回答已采纳
1回答
我正在使用 jquery使我的表可排序。创建表后，我需要重新排列列，以使其看起来更符合逻辑，但在此之后，它仍然进行排序，但结果看起来是随机的。我无法让它工作，尽管(至少我认为是这样)在重新排列之后我正在启动datatable。
function initTable() {
$('tr').each(function () {
$('td:last', this).remove().insertAfter($('td:first', this));
});
var table = $('#dash
浏览 3提问于2015-12-04得票数 1
回答已采纳
3回答
我有一个数据表
public partial class class1
{
private DataTable dt;
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
dt.Columns.Add("Col1", System.Type.GetType("System.String"));
dt.Columns.Add("Col2", System.Type
浏览 0提问于2010-08-11得票数 1
所以我正在开发一款天气预报应用。我更新了简单的UILabel，没有问题，但问题是用我将从TableView获得的天气数据填充一个API。在我的ViewController中，我有一个var weatherModel: WeatherModel?结构，它将在我解析出JSON数据后进行设置。当用户第一次启动应用程序时，我使用从viewDidLoad()触发的CLLocationManager.requestLocation()获取他的当前位置，然后在func locationManager(_ manager: CLLocationManager, didUpdateLocations loca
浏览 13提问于2020-04-15得票数 0
我正在尝试使用定制的Ajax调用来筛选Datatable。我能够过滤我所需要的数据。当我单击下拉列表时，我可以得到经过过滤的数据，但是当我一次又一次地单击dopdown来测试我的代码时，它会给出以下错误：
"TypeError：$(.).DataTable不是函数“
我尝试在asp.net mvc中使用datatable和jquery。
$(document).ready(function () {
$("#myTable").DataTable();
});
$(document).ready(function (
浏览 0提问于2019-08-08得票数 0
2回答
如果我是你，我就不会这么做：
Javascript：
(function() {
var a = 1,
b = a,
c = b,
d = 1,
e = 1;
while ( d != 0 && e != 0) {
b = Math.sqrt(a*a+a*a);
c = 2*a-b;
e = b%1;
f = c%1;
document.write(a);
a++;
}
d
浏览 0提问于2012-03-06得票数 0
1回答
我在GridView中添加了一个排序选项，但不知道它为什么不起作用。
这是我的标记：
<asp:GridView ID="GridView1" AllowSorting="true" runat="server" Width="100%"
AutoGenerateColumns="False" DefaultSortDirection="Ascending" DataKeyNames="ClientAccountNumber,Invoice" AllowPaging=
浏览 1提问于2013-06-26得票数 0
回答已采纳
1回答
我有一个像这样的dataTable：
<table id="example" class="display" cellspacing="0" width="100%">
<thead>
<tr>
<th></th>
<th></th>
<th></th>
<th></th>
</
浏览 2提问于2017-12-07得票数 1
回答已采纳
4回答
我试图通过json调用重新加载datatable。我使用了DataTables-1.10.9和jquery-2.1.4。
我尝试过在datatable中使用.ajax API支付费用，但是没有得到任何结果，所以我想我应该尝试一下以前我曾经起诉过的这种方法。
如果在HTML被附加到表时中断，它看起来还可以(这样，我的意思是旧数据已经删除，而新的数据正在显示。但是，当再次发出$(‘#tblRemittanceList’).dataTable({.})；命令时，它‘重新加载’旧数据，而不是重新加载新数据。如果不使用可数据，则原始表将显示正确的数据。
//-----------------------
浏览 6提问于2015-09-22得票数 28
回答已采纳
我在我的index.html上包含了标准的css文件，它将jQuery应用到我的所有页面。我不明白为什么会发生这种情况。有人能解释一下吗？有没有办法阻止它呢？
<head>
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />
<link rel="stylesheet"
浏览 0提问于2012-05-20得票数 0
回答已采纳
如何将表id永久绑定到jquery datatable？当我将整个html页面传递给ajax成功时，它不会继承已经设置好的jquery datatable函数。下面的代码运行良好，但我被迫重复代码集，我正在避免，所以我想问每个人，如果你可以帮助我永久绑定它或做一些其他的方法。谢谢。
Javascript：
$(document).ready(function() {
$('.tbl').dataTable({
"bJQueryUI": true,
"iDisplayLength": 10,
"sPagination
浏览 0提问于2015-11-30得票数 0
我在使用Jquery Datatable插件的页面上工作。现在我想在同一页面中使用新版本的Datatable，而不是替换旧版本，因为它有一些依赖项。这怎么可能呢？
浏览 0提问于2014-03-08得票数 2
1回答
我正在使用jquery引导样式的datatable。我有3个输入字段和一个搜索按钮在屏幕上，当我第一次点击搜索按钮没有任何输入，我得到正确的结果(假设1000条记录)与分页。
但是当我下一次按下带有输入的搜索按钮时，我将得到下面的错误表id无法重新初始化Datatable以获得有关此错误的更多信息，请参见 。我得到了结果(假设有200条记录)，但是页面显示的是第一次搜索(1000条记录)。
下面是我的密码。
$.ajax({
url: '../../search.do?param=searchUser',
浏览 3提问于2015-12-01得票数 0
我知道vb.net中的所有东西都是一个对象。如果是这样的话，为什么在创建datatable对象时不使用new关键字？
Dim dt as Datatable
dt.coloumns.add()
vs
Dim dt as Datatable = new Datatable
dt.coloumns.add()
两人似乎都在做同样的事情。但是，在哪种情况下我应该使用新关键字？是否有特定的对象不需要使用新关键字？我知道，对于字符串、整数等常见事物，不需要实例化对象。对于DataTable来说也是同样的情况吗？
浏览 4提问于2014-07-11得票数 1
回答已采纳
1回答
在部分视图中不工作的样式和脚本
、、、、
我有一个部分视图(asp.net-mvc)，其中包含了类“select-select”的一些dropdownlist。但不知怎么那门课没被申请。dropdownlist的显示/样式为“正常”。
@using (var f = Html.Bootstrap().Begin(new Form("Home", "Index").FormMethod(FormMethod.Post).Type(FormType.Horizontal).InputWidthMd(12)))
{
@f.FormGroup().DropDownListFor(model =>
浏览 1提问于2014-09-30得票数 0
回答已采纳
4回答
如何动态启用/禁用响应扩展
、、、、
我有一个项目，用户需要能够选择附带的脚本是否激活jQuery DataTables的响应扩展。
我想在HTML中添加一个下拉菜单，让用户在true初始化选项中选择选项true还是false。
我尝试添加一个单独的函数来选择该值，并使用一个全局变量将其传递到dataTable()函数，但无法使其工作。
JavaScript:
$(document).ready(function(){
$("#example").dataTable({
"responsive": false,
"processing": false,
&
浏览 4提问于2015-07-17得票数 5
回答已采纳
在这种情况下，我将为子组件发送相同的属性和状态，所以...为什么没有在没有React.memo()的情况下重新渲染，并且这些日志只显示了一次？
import React, { useState } from 'react';
import ReactDOM from 'react-dom';
const Child = ({ num }) => {
const [count, setCount] = useState(0);
return (
<>
{console.log('Child render
浏览 1提问于2020-11-04得票数 0
我正在尝试将Datatable绑定到Datagrid上，以便能够动态地填充它。Datagrid似乎找到了Datatable，因为当我填充它时，在RaisePropertyChanged之后，会有很多空行。也没有柱子。
My View:
<UserControl x:Class="NWViewer.View.DataGridView"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.m
浏览 1提问于2017-08-30得票数 4
回答已采纳
你好，我使用框架创建了一个表来显示数据。
自动将我的数据库排序到我不想要的表单中。
所以我做了一些关于如何禁用排序的研究，然后我就禁用了排序。
现在的问题是，当我禁用排序时，会出现一个有趣的错误：
"DataTables警告:表id=datatable -无法重新初始化DataTable。有关此错误的详细信息，请参阅“
所以我又做了一轮关于我为什么会有这个问题的研究。
问题是，我在页面上两次调用dataTable()函数
所以解决办法应该是只叫它一次。
第二个问题是，我不知道第一个函数是在哪里调用的。
原因:我正在使用一个模板，它没有显式地说明这是在哪里定义的。
我怎样才能消除这个错误
浏览 0提问于2019-01-24得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
