jQuery DataTables - 启动缓慢,“正常”html 表显示在开头

2024-01-04

我正在使用 jQuery DataTable 插件,但我担心脚本加载似乎需要一些时间,所以我的网页总是首先显示普通的 html 表格,在所有脚本完成后,该表格将变成 DataTable。 我觉得这种样子不太能接受,所以希望能在这里得到一些建议。我是否可以使脚本更快,或者不显示前面的普通表格? 顺便说一句,我正在从 _Layout.cshtml 头标记处的 _Scripts 部分视图调用我的脚本

 @Html.Partial("_Scripts") 

(更新) 我尝试隐藏该表,并在数据表初始化后显示它,但是,我得到一个没有表头的数据表。知道为什么会发生这种情况吗?

$('#stocktable').hide();
// Initialize data table
    var myTable = $('#stocktable').dataTable({

        // Try styling
        "sScrollX": "100%",
        "sScrollXInner": "100%",
        "bScrollCollapse": true,

        // To use themeroller theme
        "bJQueryUI": true,
        // To use TableTool plugin
        "sDom": 'T<"clear">lfrtip',
        // Allow single row to be selected
        "oTableTools": {
            "sRowSelect": "single"
        },
        "fnInitComplete": function () {
            $('#stocktable').show();
        }

我做了一个非常简单的解决方案,效果很好。 在 DataTable 初始化中,我使用了 show() 方法:

$(document).ready(function() {
    $('#example').dataTable({
        "order": [[ 0, 'asc' ]]
    });
    $('#example').show();
} );

...并且在 HTML 表中我放置了样式 display:none:

<table id="example" class="display" cellspacing="0" width="100%" style="display:none">

祝你好运!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jQuery DataTables - 启动缓慢,“正常”html 表显示在开头 的相关文章

  • 动态添加项目到放大弹出画廊

    有没有办法动态添加图库项目华丽的弹出窗口 http dimsemenov com plugins magnific popup 那已经开放了 或更新当前项目 找不到关于 in 的任何内容插件文档 http dimsemenov com pl
  • 在高负载站点中使用 PHP 的策略

    在你回答这个问题之前 我从未开发过任何足够流行的东西来达到高服务器负载 把我当作 叹气 一个刚刚登陆地球的外星人 尽管我了解 PHP 和一些优化技术 我正在开发一个工具PHP如果效果好的话 可以吸引相当多的用户 然而 虽然我完全有能力开发该
  • 使用 Javascript 编辑和保存用户 HTML - 安全性如何?

    例如我有一个Javascript 支持的表单创建工具 您可以使用链接添加元素的 html 块 如输入字段 并使用 TinyMCE 来编辑文本 这些是通过自动保存功能保存的 该功能在特定事件的后台执行 AJAX 调用 被调用的保存函数负责数据
  • Highcharts,钻取时添加“返回”(向上钻取)按钮

    如何从此实现 http jsfiddle net highcharts Vf3yT 点击饼图 到此http jsfiddle net neFYY http jsfiddle net neFYY 新 3 0 Highcharts Highch
  • 为什么 istream/ostream 慢

    于 50 40http channel9 msdn com Events GoingNative 2013 Writing Quick Code in Cpp Quickly http channel9 msdn com Events Go
  • 带分页的过滤表

    我想要一个带有分页的表格 同时在表格标题中带有搜索框 所以使用这段代码jsfiddle分页 http jsfiddle net Xugej 1445 I want output like this 这是我的过滤代码 function sea
  • 如何在没有消息时隐藏 Bootstrap 警报框

    我用 Bootstrap 做了一个简单的警报框 如下所示 div class alertBox span class alert alert info bag session username span div When there is
  • 通过 jquery,设置为 html-select 元素的选项,通过文本而不是值选择属性

    我有一个选择元素
  • Mvvm 支持自定义 Kendo ui 小部件

    前几天我问this https stackoverflow com questions 24828905 developing custom kendo ui widget问题并得到了一个非常酷的答案 以后我想知道我是否可以使用我的自定义小
  • 表长度运算符的性能

    卢阿有 运算符来计算用作数组的表的 长度 在诸如 C 之类的语言中 计算出某个内容的长度后 通常不会再次计算它 例如int len strlen string 这在 Lua 中有什么不同吗 其中一个的效率是否比另一个低 显然这可能不会显示显
  • 如何动态/响应式更改 jQuery 日期选择器的月数

    我问这个问题是因为我在另一个问题中找不到答案 如果有请给我链接 我有一个 jQuery Datepicker 在其上设置参数 numberOfMonths 2 如果屏幕大小低于某个数字 例如 768px 我希望它为 1 我试过 window
  • 在 Chrome 上使用 display:none 重置 GIF 动画的正确方法

    标题是不言自明的 但我将提供对此事的逐步看法 希望我不是第一个注意到 Webkit Chrome 上这个 显然 错误的人 我想重置 GIF 动画 到目前为止我看到的所有例子要么简单地设置src图像本身或将其设置为空字符串 后跟原始图像src
  • jQuery UI 对话框使用 setTimeout 自动关闭

    我试图让对话框在打开后三秒自动关闭 我尝试过以下方法 setTimeout mydialog dialog close 3000 这是在上下文中 acknowledged dialog dialog height 140 modal tru
  • 将箭头添加到 Twitter Bootstrap 的下拉药丸中?

    我的 Twitter 引导下拉按钮成功工作 但我有一个小问题 这里的黑色导航栏 http twitter github com bootstrap javascript html dropdowns http twitter github
  • 通过电子邮件发送在 HTML5 画布上创建的图像

    我有一个画布 用户可以通过交互来更改设计 现在 用户完成更改后 可以提交他的设计及其电子邮件 ID 但为了提交设计 我使用以下方法将画布转换为图像http www nihilogic dk labs canvas2image http ww
  • Backbone Marionette,复合视图初始化两次

    我正在使用一个复合视图 它的 el 上调用了 dialog 然后 复合视图列出集合中的项目 现在我尝试了多种方法来渲染集合项 在将其附加到视图之前和之后从复合视图外部获取 在视图内部获取 从我的服务器脚本预加载集合等 一切似乎都有效 但出现
  • 识别http链接并创建锚标记

    我正在尝试解析一些字符串 它嵌入了一些 http 链接 我想使用 jquery 在此字符串中动态创建锚标记 然后将它们显示在前端 以便用户可以单击它们 有没有办法做到这一点 Thanks 你可以这样做 function get the st
  • 如何在放置后拖动图像克隆?

    我的图像在旋转后可以拖动 但是当图像掉落时我无法第一次拖动图像 这是图像拖放的代码 dhtmlgoodies xpPane li rotatable 我可以拖动此图像克隆并将其放在 工作区域 上 我无法在放置后第一次拖动图像克隆 但克隆在旋
  • 如何在 Bootstrap 4 轮播中堆叠多个图像

    我不知道如何使用 Bootstrap 4 以及如何在一张幻灯片中显示多个小图像 例如缩略图 而不是让图像填充轮播的宽度 我已经使用下面的代码尝试了一些操作 但仍然无法堆叠很多图像 div class container h2 class t
  • 完整日历 - 向事件对象添加额外属性

    可能是由于我缺乏理解 但我使用 PHP 返回 JSON 字符串来带回事件数据

随机推荐

  • OneNote API 有什么方法可以提取另一个 OneNote 页面的链接吗?

    如果我们在 HTML 内容中有指向另一个 OneNote 页面的链接 a href 编辑 好吧 我已经编写了例程来提取链接笔记的页面 id 但该页面 id 与作为链接笔记的属性 id a
  • sourcetree 行结束问题

    我遇到了一个非常奇怪的空白问题 我正在使用 WordPress 网站的本地副本 并在 wp content themes 文件夹中使用 git 存储库 以便跟踪对任何主题的所有更改等 当我设置存储库时 它认为每个文件 除了 gitignor
  • 无法使用 Android 版 Chrome 播放 blob-url 视频

    我在尝试在 Android 版 Chrome 中录制和播放视频时遇到了一个不寻常的问题 相同的代码在桌面版 Chrome 上运行良好 首先 一些信息 安卓4 4 2 适用于 Android 的 Chrome 40 0 2214 89 它适用
  • Kubernetes 中的一个节点上仅允许一个类型的 pod

    如何在 Kubernetes 中的一个节点上仅允许一个类型的 pod 守护进程集不适合此用例 例如 限制一个节点上仅调度一个 Elasticsearch pod 以防止节点出现故障时数据丢失 可以通过仔细规划Pod的CPU 内存资源和集群的
  • 钥匙斗篷|无法在异步函数中等待 updateToken()

    我们正在使用 React Redux 前端开发 Spring 应用程序 我们成功地将其与 Keycloak 身份验证服务集成 但是 访问令牌超时后 我们遇到了不需要的行为 我们的restMiddleware 看起来像这样 简化 functi
  • 将其他分支重置为当前分支,无需签出

    我正在为我的 Git 工作流程编写一些脚本 我需要将其他 现有 分支重置为当前分支 而无需签出 Before CurrentBranch commit A OtherBranch commit B After CurrentBranch c
  • 如何通过js启用/禁用浏览器历史记录

    我们可以通过java脚本代码启用或禁用浏览器历史记录吗 如果可能的话请告诉我执行此操作的机制 我认为这是不可能的 你可以尝试使用document location replace 它用于清除历史记录中的最后一个条目并将其替换为新 url 的
  • 在 PHP 7.4 中生成 SOAP 数组

    我一直在工作项目中使用 SOAP API 我很幸运 WSDL 基本上毫无意义 因为请求的正文是
  • C++11 线程不能与虚拟成员函数一起使用

    我试图让一个类运行一个线程 它将在循环中调用一个名为 Tick 的虚拟成员函数 然后我尝试派生一个类并重写 base Tick 但在执行时 程序只是调用基类的 Tick 而不是覆盖它 有什么解决办法吗 include
  • 尝试在单独的工作表中复制粘贴单元格时出现 VBA 运行时错误 1004

    目前 我的 VBA Excel 2007 代码中出现以下错误 运行时错误 1004 对象 Worksheet 的方法 Range 失败 在通过标题中的这个错误解决了相当多的问题后 我还没有找到类似的情况或解决我的问题的方法 也就是说 如果不
  • Android:带有 FragmentTabHost 的底部选项卡

    我试图将 FragmentTabHost 放在屏幕底部 不久前 我能够使用常规 TabHost 做到这一点 如下这个线程 https stackoverflow com questions 2395661 android tabs at t
  • +1 和 -1 之间的差异

    gt t 1 1 Num a gt a gt a gt t 1 1 Num a gt a 为什么第二个不是函数 我必须写吗 1 或者 还有更好的方法 这是因为 1 然而被解释为消极的 1 被解释为柯里化函数 x gt 1 x 在哈斯克尔中
  • 如何将 Visual Studio 附加到尚未启动的进程?

    我的 NET 程序由于某些原因无法从 Visual Studio 运行 从 Excel 2010 模板项目创建的 Excel 文件 我需要调试启动事件 如果我想调试程序初始化后发生的事件 那么没有问题 我从资源管理器运行该程序 将进程附加到
  • 如何在Android-ndk中将变量内容输出到“LogCat”窗口

    我在 Eclipse ADT 环境中使用 Android sdk ndk 在Android sdk Java开发中 我可以使用 Log i Log w 语句将消息和变量内容输出到 LogCat 窗口 然而 在Android ndk C C
  • 创建按字母顺序索引的列表 (ColdFusion + Microsoft SQL Server)

    我目前正在努力寻找知道如何做到这一点的人 我尝试了几种不同的方法 最终得到了一半的结果 但并不完全是我想要的 基本上我正在尝试创建一个显示所有乐队 A Z 的列表 但乐队名称是从数据库中调用的 所以我必须在嵌套列表中使用 band name
  • 如何验证“Cache-Control”、“无缓存、无存储、必须重新验证”

    我正在学习缓存以及如何管理它 当我打开网站页面时 我可以看到图像 css 文件 js 文件等静态内容存储在临时文件夹中 但现在 当我在响应标头中添加这些属性时 我看不到缓存行为的任何变化 所有内容都像以前一样被存储 即使我在 js 文件中进
  • Thymeleaf:我可以在表达式中使用消息吗

    我在 Spring Boot 应用程序中使用 Thymeleaf 3 目前 我想在 EL 表达式 Spring EL 中使用消息表达式 第一个用例 修剪消息 data title message key trim 第二个用例 有条件地创建一
  • 如何停止工作表中的程序执行?

    如何在 Scala 工作表中停止程序执行 如果代码正在执行并且不返回 无限循环 那么似乎不可能在不重新启动 Eclipse 的情况下停止程序执行 From https github com scala ide scala worksheet
  • 如何在 Linux 中终止单个 TCP 连接?

    我有一个进程在不同的端口上打开到多个浏览器的多个 tcp 连接 使用 netsat 的输出是这样的 tcp 0 0 server1 something myprog client1 something 49987 ESTABLISHED t
  • jQuery DataTables - 启动缓慢,“正常”html 表显示在开头

    我正在使用 jQuery DataTable 插件 但我担心脚本加载似乎需要一些时间 所以我的网页总是首先显示普通的 html 表格 在所有脚本完成后 该表格将变成 DataTable 我觉得这种样子不太能接受 所以希望能在这里得到一些建议