jQuery Datatable,保存表的状态,如分页,搜索等
好的，我会尽力为您提供最完善且全面的答案。
jQuery Datatable是一个基于jQuery的表格插件，可以轻松地创建和自定义表格，包括表格分页、搜索、排序、表格样式等功能。在保存表格状态方面，jQuery Datatable提供了多种方法，例如通过将表格状态保存到Cookie中或通过使用localStorage来实现。
具体来说，您可以使用jQuery Datatable的stateSave方法将表格状态保存到Cookie中，例如：
$('#example').DataTable({
stateSave: true,
stateDuration: 60 * 60 * 24 * 7, // 24小时
initComplete: function () {
this.api().state.save('search', {
duration: 60 * 60 * 24 * 7, // 24小时
queue: false
});
}
});这将把表格状态保存到Cookie中，并在下次加载表格时自动恢复状态。
如果您想要在关闭浏览器窗口后仍然能够保存表格状态，您可以使用localStorage来实现：
$('#example').DataTable({
stateSave: true,
stateDuration: 60 * 60 * 24 * 7, // 24小时
initComplete: function () {
this.api().state.save('search', {
duration: 60 * 60 * 24 * 7, // 24小时
queue: false
});
}
});
// 在关闭浏览器窗口后，仍然可以保存表格状态
localStorage.setItem('datatables-state', JSON.stringify($('#example').DataTable().state()));这将把表格状态保存到localStorage中，并在下次加载表格时自动恢复状态。
总的来说，jQuery Datatable是一个非常强大的表格插件，提供了丰富的功能和灵活的配置选项，可以轻松地创建和管理表格，同时还可以保存表格状态，以方便数据的复用和迁移。
相关·内容
2回答
如何在数据表中更改导出PDF页面大小？
pdf、datatables
我的表包含30多列。我正在使用datatable-JQuery，我有用于下载报告的CSV按钮和PDF按钮。导出PDF文件时无法更改页面大小。(当我单击PDF按钮时)。下载的PDF文件包含半个表格数据。
请建议导出全表数据的任何想法。谢谢!
$(document).ready(function() {
$('#example').DataTable( {
dom: 'Bfrtip',
buttons: [
{
extend: 'csv',
浏览 0提问于2016-05-18得票数 5
1回答
更改数据对象ScrollY单击按钮
javascript、jquery、css、datatables-1.10
我有一个像这样的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
回答已采纳
2回答
fnPageChange不是一个函数
javascript、jquery、datatable、fnpagechange
我在使用以下代码时遇到主题错误：
$("#example1").DataTable().fnPageChange(localStorage.getItem('page'),true);
据我所知，它保存了用户单击的datatable的最后一页。如果用户单击了datatable的第3页，导航到另一页，然后返回到datatable，它仍将位于datatable的第3页。
而且它是有效的。保存datatable的最后一页。
唯一的问题是，尽管上面的方法可以工作，但我在控制台中得到了以下错误：
Uncaught TypeError: $(...).DataTable(
浏览 2提问于2021-04-05得票数 2
1回答
数据表中的复选框stateSave在缓存刷新后消失(所有其他stateSaves工作)
javascript、jquery、checkbox、datatables
注意:在我使用的显而易见的(DataTables，jQuery)中。
jquery-datatables-checkboxes/1.2.9/css/dataTables.checkboxes.css
jquery-datatables-checkboxes/1.2.9/js/dataTables.checkboxes.min.js
select/1.2.5/css/select.dataTables.min.css
select/1.2.5/js/dataTables.select.min.js
并使用实时API调用来填充我的表。
正如标题中所描述的，在我的datata
浏览 0提问于2018-04-03得票数 1
2回答
jQuery数据表保留筛选器和搜索参数
javascript、jquery、datatables
我正在使用datatable，希望在页面重新加载时保留下拉过滤器和搜索参数，如下面的截图所示。但是，如果窗口关闭或用户注销应用程序，我希望清除这些参数。
我在这里使用了"stateSave": true，但它只保留了搜索输入，这也不一致，因为有时即使用户重新登录，它也会显示旧的搜索关键字，而不是重置。
我使用下面的代码来保留值，但由于Country和State下拉列表不在datatable范围内，因此不会保留它们的值
// Restore state
var state = table.state.loaded();
if ( state ) {
table.colum
浏览 0提问于2021-04-07得票数 2
1回答
数据-如何保留筛选数据并将其重新分配到下拉列表中
jquery、jquery-selectors
我使用的是Jquery数据，它有以下拉方式出现的过滤器。HTML如下所示。
<table id="example">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>S
浏览 5提问于2022-09-30得票数 0
回答已采纳
2回答
通过传递参数过滤JQuery数据表
jquery、asp.net-mvc、jquery-datatables
我正在构建一个ASP.Net MVC 5 web应用程序，它使用JQuery数据(1.10.4)在我的Razor视图中显示表格数据。因为表将只显示最大300条记录，所以所有记录都会同时显示，也就是说，没有Ajax/ JSon用于根据需要提取数据。
我使用这个将下拉菜单添加到一些Datatable列中，以便进行筛选。这很好地工作(参见下面的代码)。
<script>
$(document).ready(function () {
$('#dataTables-example').dataTable({
"co
浏览 4提问于2015-02-16得票数 0
回答已采纳
2回答
不能通过stateLoadCallback从保存的状态恢复列可见性
datatables
我已经添加了列可见性按钮，以选择显示或隐藏某些列。我将状态保存在数据库中，通过单击按钮调用stateSaveCallback函数。
我找不到关于以这种方式检索数据的文档，所以我只是链接到页面并传递变量以从数据库中获取数据，然后使用stateLoadCallback加载数据。
现在，除了列可见性没有恢复之外，所有这些都工作得很好。它在返回的JSON数据中。
下面是我的完整代码：
$(document).ready(function() {
$.extend( jQuery.fn.dataTableExt.oSort, {
"date-uk-pre": f
浏览 2提问于2015-12-06得票数 1
1回答
jQuery datatables插件。bStateSave不起作用
jquery、mysql、view、datatable
我使用jquery datatables来显示数据
$('#datatable').dataTable({
"bJQueryUI": true,
"bSaveState": true
})
当我显示myssql表中的数据时，bStateSave起作用了。我可以在浏览器中重新加载页面，而datatable中的结果保持不变(页面、每页行数、过滤器等)
当我从mysql视图中显示数据时，它根本不起作用。我得到一页上有结果的表格和默认设置(每页行数、清除过滤器等)
会有什么问题呢？
浏览 2提问于2013-03-12得票数 0
2回答
Jquery中包含多个元素的DataTables列过滤
javascript、jquery、datatables
使用jquery数据，我希望筛选一个列，它可以在单个td中包含多个值。
我跟踪了数据库
在下面的图片中，我想过滤office列，如您所见，one td包含强文本两个值：“爱丁堡”和"New “。即使名称出现在筛选器中，也不会在选中后返回值。对于单个元素，它工作得很好。
因此，在下面的示例中，我的预期结果是过滤纽约并返回一行(包括“爱丁堡”的文本)。
我创建了一个示例
$(document).ready(function() {
$('#example').DataTable( {
initComplete: function () {
浏览 4提问于2016-07-12得票数 1
回答已采纳
2回答
具有列筛选器下拉列表和多个复选框选择的数据表
jquery、drop-down-menu、datatables
我在joao vitor retamero fiddle：中找到了这段优秀的代码，它展示了如何在jquery datatable列过滤器中进行多项选择。但我需要将过滤器容器转换为下拉菜单，容器中的每一项都是一个复选框。是的，正如我在几个小时的研究中发现的那样，有很多关于这一点的参考。但我还没有找到任何例子，或者任何关于如何做到这一点的明确解释，尽管许多人说jquery插件可以做到这一点。谁能举出一些例子？我甚至都不知道该怎么开始。非常感谢。
<script src="https://code.jquery.com/jquery-1.12.4.js"></scr
浏览 0提问于2018-04-16得票数 7
回答已采纳
1回答
MVC: Datatable发布后不包含任何数据
javascript、jquery、html、model-view-controller、datatables
首先，我说这是我发表过的第一个项目，如果我给你的信息太多或太少，我会提前道歉。因此，我将这个MVC项目发布到了一个业务服务器上。它可以工作，但是datatable中的数据没有显示。虽然，当我只是在Visual中进行调试时，会有数据。该项目有两个选项卡：
第一个选项卡是显示所讨论的数据表，它使用uEntity框架/u；
第二个选项卡还有一个datatable( yadcf)，它显示通过uAdo.Net/u访问的数据。第一个选项卡中的数据不显示，而在第二个选项卡中显示。
第一个选项卡上的datatable引用此链接：
对于第二个选项卡，我导入了yadcf datatable。以下是我如何提及这一问
浏览 1提问于2020-01-21得票数 0
回答已采纳
4回答
jQuery DataTables rowReorder问题
jquery、datatables
我在静态表格(非AJAX)上使用DataTables和rowReorder插件-一切都初始化正常，但当我拖动一行时，当它在表格中移动时，当我拖放它时，它会返回到它的原始位置而不刷新(即它实际上从未移动过位置-我知道我需要通过AJAX更新才能获得永久移动，但我需要首先使用它！)
我添加了这段代码，试图告诉我发生了什么：
table.on('row-reorder', function (e, diff, edit) {
var result = 'Reorder started on row: '+edit.triggerRow.data(
浏览 0提问于2016-07-28得票数 4
我已经搜索了几个星期，为Toogle类创建了一个cookie，请有人帮助我组合我的JavaScript代码：
按钮可激活：
<a href="#menu-toggle" class="fa fa-bars" id="menu-toggle"></a>
我的JavaScript (jQuery)：
<script>
$("#menu-toggle").click(function(e) {
e.preventDefault();
$("#wrappe
浏览 1提问于2015-10-19得票数 0
1回答
将条件格式设置为特定列中的特定值
javascript、jquery、django、datatables、conditional-formatting
因此，我有以下模板：
{% load static %}
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<script src=&#
浏览 2提问于2020-11-17得票数 1
回答已采纳
1回答
SearchPane列显示的数据表问题
jquery、bootstrap-4、datatables
我一直在尝试使用SearchPanes，并设法让它很好地工作。如果我不使用Button，则"columns-4“的列布局值将按预期工作。
我遇到的问题是，一旦我添加了按钮，SearchPane就会在“弹出窗口”中打开--它完全忽略了"columns-4“的值。
我已经在下面粘贴了我非常粗糙的代码。也许这只是我遗漏的一些东西。
任何/所有的帮助都将不胜感激。
我试图实现的是4列横跨，目前只是在“弹出”中显示3列。
$('#style-2').DataTable({
"dom": "<'row'<
浏览 0提问于2020-06-05得票数 0
1回答
如何让按钮保存对本地存储所做的任何更改？
javascript、jquery、html、css、local-storage
to 使将特定对象上的切换类保存到本地存储成为可能，这很有帮助，但并不完全符合我的需要。在没有太多解释性注释的情况下，我并不擅长修改代码。
这是答复者的JS：
if (typeof(localStorage) == 'undefined') {
document.getElementById("result").innerHTML =
'Your browser does not support HTML5 localStorage. Try upgrading.';
} else {
$(".item").each
浏览 2提问于2016-11-27得票数 0
1回答
每天弹出一次响应式窗口
javascript、css、session、popup、local-storage
此代码用于每天显示一次弹出窗口。但我很难让它有反应，而且它似乎一生只有一次……
我把它放在3个不同的页面上，如果它显示在其中一个页面上，它就不会显示在其他页面上。
let localStorage = {};
if (localStorage.last) {
if ((localStorage.last - Date.now() ) / (1000*60*60*24) >= 1) {
// Date.now() is in milliseconds, so convert it all to days, and if
// it's more th
浏览 34提问于2018-10-17得票数 0
1回答
在datatable intialisation上过滤列下拉列表
jquery、authentication、datatables
我有一个由行组成的数据表，每个行都有一个复选框，需要根据客户进行身份验证。到目前为止，我已经在datatable初始化之后立即运行了身份验证，而且所有的操作都很好，即非有效的行被很好地灰度化，它们的复选框被禁用。现在，我想在datatable中添加单独的列过滤器。我已经完成了这一任务，但问题是下拉列表显示的是所有行的元素，而不仅仅是通过身份验证的行。我猜我需要在初始化期间而不是在之后对datatable进行身份验证，因为这将允许我使用过滤器或某种类型的if语句追加每个选项值。但是，在初始化表之前，我想不出一种访问表来验证它的方法。我想由于我缺乏经验，我现在处于一种完全混乱的状态。我真正想要实现
浏览 1提问于2018-03-20得票数 0
回答已采纳
1回答
Jquery数据可定制列搜索
jquery、datatables
我已经对此进行了一段时间的研究，而有用的信息在没有解决方案的情况下正在枯竭。
我使用的是数据表，在某些列中，我将显示一个选中的多选中框，允许用户通过继续进行选择来编辑他们的数据。
我得到了使用initComplete的每列搜索框，它们确实过滤列中的数据，但不是以可接受的方式；它们匹配选项的文本，但也匹配select元素的类，甚至对所有未选择的选项都是无用的。
...,
initComplete: function () {
// Apply the search
this.api().columns().every(function (
浏览 0提问于2021-04-14得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
