datatables 相关问题

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

数据表排序不起作用

我有一个数据表，我在其中填充了一些数据，但我需要在该表上启用排序操作。但是我的排序不起作用。这是我到目前为止所做的代码。 $('#example').dataTable( {...

javascript datatables

回答 1 投票 0

Rappasoft 数据表 v1

有谁知道我该如何设置日期过滤器。现在我正在使用标准的方式来做这件事公共函数查询（）：生成器 { 返回 Model::query()->when($this->getFilter('

laravel datatable datatables laravel-8

回答 0 投票 0

fnFilter 值 'Active' 不起作用

我在以编程方式在 DataTable 中搜索字符串“Active”时遇到问题。如果我将表更改为“ActiveTest”，则 fnFilter 可以正常工作并正确过滤。然而它...

jquery datatables

回答 2 投票 0

为什么我的 DataTable 没有填充数据？

我正在尝试使用来自 Ajax 调用的数据加载 DataTable。我之前已经成功地做到了这一点，并且在不确定什么是对的之前查看我是如何做到的。脚本： $(</desc> <question vote="0"> <p>我正在尝试使用来自 Ajax 调用的数据加载 DataTable。我之前已经成功地做到了这一点，并且在我不确定什么是对的之前看看我是如何做到的。</p> <p>JavaScript：</p> <pre><code> <script>$(document).ready(function () { let data; $.ajax({ url: "https://pure-peak-65624.herokuapp.com/https://api.sportradar.us/golf/trial/v3/en/players/da226913-b804-48de-adbf-96e956eb75ac/profile.json?api_key=rupvugmcybede53f3svuqqa8", dataType: 'json', success: function (json) { console.log("success"); data = json; $('#myTable').DataTable({ data: data, columns: [ { data: 'first_name' }, { data: 'last_name' } ] }); }, error: function (e) { console.log("error"); } }); $("#myTable").on('click', 'tr', function () { alert($(this).text() + " was clicked"); console.log("working"); }); }); </script> </code></pre> <p>HTML：</p> <pre><code><body> <div class="banner"> <div class="navbar"> <img src="images/logo.svg" class="logo"> <ul> <li><a href="home.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="benefits.html">Benefits</a></li> <li><a href="photos.html">Photos</a></li> <li><a href="stats.html">Stats</a></li> </ul> </div> </div> <div class="content"> <h1>Welcome to Statsland</h1> <div id="leaderboard"> <table id="myTable" class="display compact nowrap"> <thead> <tr> <th>First Name</th> <th>Last Name</th> </tr> </thead> </table> </div> </div> </code></pre> <p>API调用返回的JSON示例：</p> <pre><code>{ "id": "da226913-b804-48de-adbf-96e956eb75ac", "first_name": "Rory", "last_name": "McIlroy", "height": 70, "weight": 160, "birthday": "1989-05-04", "country": "NORTHERN IRELAND", "residence": "Holywood,, IRL", "birth_place": "Holywood,, IRL", "turned_pro": 2007, "handedness": "R", "abbr_name": "R.McIlroy", "name": "McIlroy, Rory" } </code></pre> <p>使用浏览器检查工具，我可以看到 API 调用返回了正确的 json，但我就是不知道如何将它放入 DataTable。任何帮助表示赞赏。</p> </question> </body></html>

html jquery datatables

回答 0 投票 0

我收到 TypeError: View.__init__() takes 1 positional argument but 2 were given

我试图用服务器端处理创建一个数据表模型，但是当我试图调用模型时我得到了这个错误 TypeError: View.init() 采用 1 个位置参数，但 2 个是...

django-rest-framework datatables django-rest-viewsets

回答 0 投票 0

Jquery Datetimepicker 仅适用于数据表的第一行

嗨，我有一个带有按钮的数据表，单击后会弹出一个模式。此模态用作数据的编辑按钮。 datetimepicker 仅适用于第一列，但不适用于其他

php jquery datatables datetimepicker

回答 0 投票 0

在 DataTables 中使用 Vue Router

我正在尝试将链接/按钮添加到我的 DataTable 中的行，单击后会将您带到 vue 路由。当然，我可以简单地添加一个普通的链接 href="/item/${id}"...

javascript vue.js datatables vuejs3 vue-router

回答 3 投票 0

如何使用新的 JSON 数据手动更新数据表

我正在使用插件 jQuery 数据表并加载我在页面底部的 DOM 中加载的数据，并以这种方式启动插件：变种我的数据= [ { “编号”：1， “名字”：...

jquery datatables

回答 6 投票 0

在 Laravel 的数据表服务器中搜索状态列

我在表状态 [Status (bit, not null)] 中有字段，其值为 1/2。我使用了服务器端处理并更改了列状态以显示已付/会费。但是在搜索框里搜索不到...

laravel search datatables

回答 0 投票 0

无法禁用数据表标题中的水平滚动

我一直在为我公司的网站使用数据表。但最近在最新版本的 Chrome 和 Edge（旧版本工作得很好）中开始出现问题。其中之一是数据表头部。

javascript html jquery css datatables

回答 0 投票 0

Trying to display a table with Django restframework + Datatables, getting 500 Internal Server Error with Ajax

嗨，当我尝试在我的网站上显示表格时，图像中出现了这个 Ajax 错误。我已将路由器及其网址添加到我的网址文件中。这是我的其他文件。模型.py: 类站点（models.Mo ...

python django ajax django-rest-framework datatables

回答 1 投票 0

JQuery 数据表过滤器和分页在回发后消失

我有一个asp.net页面，页面上有一个gridview控件。 jquery datatables插件应用于gridview控件。加载页面后，网格视图将按预期显示。我有一个asp.net页面，页面上有一个gridview控件。 jquery datatables插件应用于gridview控件。加载页面后，网格视图将按预期显示。 <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server"> <title>JudiSIS MPortal - Cases Fixed Before Me</title> <link href="/styles/datatables.min.css" rel="stylesheet" /> <link href="../styles/datatables.min.css" rel="stylesheet" /> <link href="../styles/my-alerts.css" rel="stylesheet" /> <script src="/scripts/jquery-1.11.2.min.js"></script> <script src="/scripts/datatables.min.js"></script> <script src="../scripts/validation.js"></script> <script type="text/javascript"> $(function () { bindDataTable(); Sys.WebForms.PageRequestManager.getInstance().add_endRequest(bindDataTable); }); function bindDataTable() { var myDT = $("[id*=gvFixedCases]").DataTable( { bLengthChange: false, lengthMenu: [[10, 20, -1], [10, 20, "All"]], bFilter: true, bSort: false, bPaginate: true, responsive: true, "stateSave": true, "stateDuration": 60 * 10, language: { search: '', /*Empty to remove the label*/ searchPlaceholder: 'Search here...' } }); } </script> <style> table.dataTable tbody td { padding: 2px 10px; } </style> </asp:Content> <asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" runat="server"> <div class="flx"> <div class="div-lft"></div> <div class="div-ctr "> <form id="form1" class="pure-form pure-form-stacked" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> <asp:UpdatePanel ID="uPanel" runat="server"> <ContentTemplate> <asp:Literal ID="DisMessage" runat="server"></asp:Literal> <fieldset> <h3 style="font-size: large!important; line-height: 5px!important;">Cases Fixed Before My Bench</h3> <hr /> <div class="pure-g"> <div class="pure-u-1 pure-u-md-1-5"> <label class="pure-input-1">Date of Hearing</label> <asp:TextBox ID="hdate" runat="server" TextMode="Date" class="pure-input-1 vNeeded" placeholder="Hearing Date" /> </div> <div class="pure-u-1 pure-u-md-1-5"> <div class="pure-u-1 h-in-mob"> <label class="pure-input-1"> </label> </div> <asp:Button ID="bSubmit" Text="Submit" runat="server" Style="height: 32px;" OnClientClick="return validateForm()" CssClass="pure-button pure-button-primary pure-input-1" /> </div> </div> </fieldset> <asp:GridView ID="gvFixedCases" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSource1" Width="100%"> <Columns> <asp:BoundField DataField="AppId" HeaderText="AppId" SortExpression="AppId" Visible="False" /> <asp:BoundField DataField="Appeal Number" HeaderText="Appeal Number" ReadOnly="True" SortExpression="Appeal Number" /> <asp:BoundField DataField="Assessee Name" HeaderText="Assessee Name" SortExpression="Assessee Name" ReadOnly="True" /> <asp:BoundField DataField="AssmtYear" HeaderText="AssmtYear" SortExpression="AssmtYear" /> <asp:BoundField DataField="Mem1" HeaderText="Mem1" ReadOnly="True" SortExpression="Mem1"> <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" /> </asp:BoundField> <asp:BoundField DataField="Mem2" HeaderText="Mem2" ReadOnly="True" SortExpression="Mem2"> <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" /> <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" /> </asp:BoundField> <asp:ButtonField ButtonType="Button" CommandName="Select" HeaderText="Actions" ShowHeader="True" Text="Details"> <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" /> <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" /> </asp:ButtonField> </Columns> </asp:GridView> </ContentTemplate> </asp:UpdatePanel> </form> </div> <div class="div-lft"></div> </div> <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:judisisConnectionString %>" SelectCommand="SELECT top 1 Id as AppId, AppNumber as [Appeal Number], AsseName as [Assessee Name], AssmtYear, Mem1, Mem2 FROM mp_fixed_cases"></asp:SqlDataSource> </asp:Content> 当我单击详细信息按钮时，数据表过滤器和分页完好无损。但是当我点击提交按钮时，过滤器和分页都消失了。我哪里做错了？

asp.net gridview datatables

回答 0 投票 0

从数据表中的每条记录的行中获取特定的属性值

我已经尝试了很多次，但似乎我这边出了点问题，我想获取（检索）表中每一行的属性值，例如写入的 productID 属性...

javascript php jquery datatables

回答 2 投票 0

如何只显示与 AJAX DataTable 中的搜索功能完全匹配的最终结果？

var table = $('#customer-table').DataTable({ 处理：真实，服务器端：真实， ajax: "{{ route('api.users') }}", 列： [ ...

php ajax laravel datatables

回答 0 投票 0

如何在数据表中的每个单元格上显示单列的值

您好，我正在尝试按顺序将单列中的值打印到每个单元格表中。由于我是开发新手，仍在苦苦挣扎，请公开我的代码你可以在下图中看到我的数字......