datatables 相关问题

DataTables是jQuery JavaScript库的插件。它是一个高度灵活的工具,基于渐进增强的基础,它将为任何HTML表添加高级交互控件。不要与[datatable]一起使用它。

Laravel DataTables JSON 列转义字符

尝试使用 Yajra DataTables 作为服务实现,这是我的问题: 我有 JSON 列元数据,我根据该列内的字段构建表列,例如: [“数据”=>...

回答 1 投票 0

JQuery 数据表无法在 ASP.NET MVC 5 上运行

我已使用 nuget 包管理器控制台和命令 install-package jquerydatatablesmvc 将 jquery 数据表安装到我的 MVC 5 项目中,并安装了版本 1.9.4。 然而,加入后...

回答 1 投票 0

在存在 Turbolinks 的情况下导航回来时,如何防止 jQuery DataTable 上出现重复包装器?

我在新的 Rails 4.2 项目中使用 jQuery DataTables。我有大量结果需要按组、项目和状态进行过滤。选择组会过滤项目选择,...

回答 2 投票 0

ajax 成功后,ajax 回调中的语义 UI 下拉菜单未初始化

我在 Laravel 控制器功能中使用语义 UI 下拉列表和数据表。我正在向路由发送 ajax 请求,并使用其中一个键(列)接收 JSON 数据(包含表行)

回答 1 投票 0

table.column 不是 jquery datatabbe 中的函数

在jquery数据表中我收到错误表。列不是函数 $(文档).ready(函数() { var table = $('#lsotable').dataTable(); $("#lsotable thead th").ea...</desc> <question vote="0"> <p>在 jquery 数据表中,我收到错误表。列不是函数 </p> <pre><code>&lt;script&gt; $(document).ready(function() { var table = $(&#39;#lsotable&#39;).dataTable(); $(&#34;#lsotable thead th&#34;).each( function ( i ) { var select = $(&#39;&lt;select&gt;&lt;option value=&#34;&#34;&gt;&lt;/option&gt;&lt;/select&gt;&#39;) .appendTo( $(this).empty() ) .on( &#39;change&#39;, function () { table.column( i ) .search( $(this).val() ) .draw(); } ); table.column( i ).data().unique().sort().each( function ( d, j ) { select.append( &#39;&lt;option value=&#34;&#39;+d+&#39;&#34;&gt;&#39;+d+&#39;&lt;/option&gt;&#39; ) } ); } ); } ); &lt;/script&gt; </code></pre> <p>我正在从 while 循环获取表数据,我希望它应该只有三列,我该怎么做。</p> </question> <answer tick="false" vote="1"> <p>只需将 <pre><code>dataTable()</code></pre> 更改为 <pre><code>DataTable()</code></pre>,如下所示。</p> <pre><code>var table = $(&#39;#lsotable&#39;).DataTable(); </code></pre> </answer> <answer tick="false" vote="0"> <p>看起来您正在使用旧版本的数据表库。我尝试使用 Datatable 版本 1.10.12,效果很好。</p> </answer> <answer tick="false" vote="0"> <p>那些在数据表版本<strong>1.9.*</strong>中遇到类似问题的人可以看看这里:<br/><a href="https://datatables.net/forums/discussion/comment/77413/#Comment_77413" rel="nofollow noreferrer">链接</a></p> </answer> <answer tick="false" vote="0"> <p>我遇到了同样的错误“table.column 不是函数”,但我刚刚解决了。</p> <p>旧代码:</p> <pre><code>const table = $(&#39;#my_table&#39;); // table.DataTable({...}); table.DataTable(); $(&#39;#my_table thead tr:eq(0) th&#39;).each(function (i) { if ($(this).html() === $(&#39;#my_search_field&#39;).val()) { table.column(i).search($(&#39;#my_search_query&#39;).val()).draw(); } }); </code></pre> <p>新代码:</p> <pre><code>const table = $(&#39;#my_table&#39;).DataTable(); $(&#39;#my_table thead tr:eq(0) th&#39;).each(function (i) { if ($(this).html() === $(&#39;#my_search_field&#39;).val()) { table.column(i).search($(&#39;#my_search_query&#39;).val()).draw(); } }); </code></pre> <p>看起来很可笑,但解决了问题。</p> </answer> </body></html>

回答 0 投票 0

过滤后如何显示数据表元素? Laravel + Ajax

我的数据显示在带有数据表的表格中,但每次过滤时,我都没有得到表中可用的数据。但奇怪的是,在控制台中,它通过了过滤器。 $('#categoryFilter').select2(); 功能...

回答 1 投票 0

JQuery Ajax 数据表保留前导零

我们的 Web 应用程序是用 Perl 构建的,并使用 Ajax DataTables 库/包来利用 MySQL 表。 https://datatables.net/ 虽然由于在脚本中构建原始数据而存在一层复杂性......

回答 1 投票 0

使用 searchPanes 和服务器端使用 post ajax 请求时出现 DataTables 错误

我有一些代码在Ajax请求使用GET方法时可以完美工作,但我需要将其更改为POST方法以避免以下错误:“400 Bad request请求行太大&

回答 1 投票 0

ASP.NET GridView 在异步回发后丢失了 jquery 数据表格式

当我单击 GridView 内的按钮时,我将 asp.net GridView 转换为 jquery 数据表,丢失了数据表格式并在控制台中抛出错误 这是源码中的GridView...

回答 1 投票 0

DataTables 分页问题:使用 Laravel 的分页模型和 JSON 响应

我正在尝试为一个网页构建一个数据表,该网页最终将容纳数十万个条目。因为分页是必须具备的,所以我获得了某些实现 La...

回答 1 投票 0

忽略数据表 CSV 导出中的第一列

我正在尝试根据 jQuery 数据表中的数据导出 CSV 文件,我希望它排除第一列数据,这是我当前的脚本。 $(文档).ready(函数...</desc> <question vote="5"> <p>我正在尝试根据 jQuery 数据表中的数据导出 CSV 文件,我希望它排除第一列数据,这是我当前的脚本。</p> <pre><code> &lt;script&gt; $(document).ready(function() { $(&#39;#example&#39;).DataTable( { dom: &#39;Bfrtip&#39;, lengthMenu: [ [ 10, 25, 50, -1 ], [ &#39;10 rows&#39;, &#39;25 rows&#39;, &#39;50 rows&#39;, &#39;Show all&#39; ] ], buttons: [ &#39;copy&#39;, &#39;csv&#39;, &#39;excel&#39;, &#39;pdf&#39;, &#39;print&#39;, &#39;pageLength&#39; ] } ); } ); &lt;/script&gt; </code></pre> <p>我需要添加什么才能使其正常工作,请</p> </question> <answer tick="true" vote="9"> <p>您需要在 <pre><code>exportOptions</code></pre> 定义中使用 <pre><code>buttons</code></pre>。</p> <pre><code>buttons: [ { extend: &#39;pdf&#39;, exportOptions: { columns: [1,2,3,4] // indexes of the columns that should be printed, } // Exclude indexes that you don&#39;t want to print. }, { extend: &#39;csv&#39;, exportOptions: { columns: [1,2,3,4] } }, { extend: &#39;excel&#39;, exportOptions: { columns: [1,2,3,4] } } ] </code></pre> </answer> <answer tick="false" vote="6"> <p>接受的答案很好,但如果您不确定需要导出的列数,则可以使用另一种方法:</p> <pre><code>buttons: [ { extend: &#39;excel&#39;, exportOptions: { columns: &#39;:gt(0)&#39; } } ] </code></pre> <p>第一列由偏移量 0 指定,因此此代码表示导出大于 0 的任何列(即,除了第一列之外的所有其他列)。</p> </answer> <answer tick="false" vote="0"> <p>您可以使用<strong>Official</strong> dataTables 论坛中提供的示例:</p> <pre><code>exportOptions: { columns: function (idx, data, node) { if (idx == 0) { return false; } return true; }, }, </code></pre> <p>使用此功能,您可以使用索引、数据或节点值排除多个列,并且不需要知道索引的数量,您也可以对行使用相同的值,只需将 <em><strong>columns</strong></em> 替换为函数内的<em><strong>行</strong></em>。</p> <p><strong>论坛链接:</strong> <a href="https://datatables.net/forums/discussion/60354/function-to-exclude-columns-from-print" rel="nofollow noreferrer">从 DataTable Jquery 中排除列的函数</a></p> <p>根据您访问的年份,该链接可能无法工作!</p> </answer> </body></html>

回答 0 投票 0

Laravel Yajra-数据表未显示

我一直在开发一个 Laravel 8 项目,并在按照教程尝试实现 Yajra-Datatables 时遇到了问题。不幸的是,我遇到了数据无法显示的问题...

回答 1 投票 0

如何使用 jquery ajax 服务器端将 Id 添加到行

我需要在jquery ajax服务器端动态添加的表数据的TR中添加id属性并在那里写入数据。我怎样才能做到这一点。我将以下代码附带的 Json 数据添加到行中。 &q...

回答 3 投票 0

发送逗号分隔值以用作单个参数

我试图在单个参数中将逗号分隔的值从控制器发送到模型方法。 例如model中有一个函数: 公共函数栏($param1){ //..../// $这个->数据...

回答 1 投票 0

如何将Google Sheets表格中的数据提取到动态html表格

我有一个像这样的Apps脚本web应用程序,它只是将数据从Google Sheets显示到html页面,并带有动态html表。 在 code.gs 中我只有这个: 函数 doGet(请求) { 返回

回答 1 投票 0

如何将数据表显示为卡片视图?

我想将我的数据表显示为卡片视图格式,但不知道该怎么做。 我尝试参考这两个网站了解如何将 DataTable 转换为卡片视图,但仍然可以...

回答 1 投票 0

如何重命名 vuetify 数据表组标签?

我想更改 vuetify 数据表的组标签。对于下面的 Vuetify 早期版本,代码工作正常,但现在不起作用。 我想更改 vuetify 数据表的组标签。对于下面的 Vuetify 早期版本,代码工作正常,但现在不起作用。 <va-data-table-server :items-per-page="50" :group-by="groupBy" row-create row-clone row-edit disable-edit disable-show disable-clone disable-create-redirect > <template v-slot:column.data-table-group> </template> </va-data-table-server> 这是演示链接。 https://play.vuetifyjs.com/#eNq9lt9vmzAQx 使用标题插槽 您可以使用动态槽header.<key>仅自定义某些列。 <key> 对应于 headers 属性中找到的项中的关键属性。 “Group”标题的键是 data-table-group(通过首先使用 headers 插槽并将所有列数据打印到 UI 来找到:在此处看到),因此您需要使用的实际插槽是 header.data-table-group <template v-slot:header.data-table-group> <div>custom</div> </template> Vuetify 游乐场

回答 1 投票 0

如何使用 DataTables jquery 插件按日期排序?

我正在使用 datatables jquery 插件并想按日期排序。 我知道他们有一个插件,但我找不到从哪里实际下载它 http://datatables.net/plug-ins/sorting 我相信...

回答 13 投票 0

为 jquery 数据表 ajax 调用设置错误处理程序

当 ajax 调用出现问题(即服务器没有响应)以将新数据加载到我的数据表中时,我尝试使用自定义错误处理程序。 $table.DataTable().ajax.url(ajaxURL)...

回答 5 投票 0

Excel:如何使用列值作为搜索参数来执行 XLOOKUP

在Excel中,我有下表: 月 年 项目编号 1-23 2-23 ... 12-23 10 2023年 14404 210 美元 $630 $3000 10 2023年 15023 250 美元 $420 5000美元 表中的每月栏代表每月

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.