datatables 相关问题

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">&nbsp;</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> 当我单击详细信息按钮时，数据表过滤器和分页完好无损。但是当我点击提交按钮时，过滤器和分页都消失了。 我哪里做错了？

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

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

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

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

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

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

在列中反转序列的问题

我正在做一个项目，其中 我想通过从 RFID 传感器接收数据的本地主机数据库在 JSON/数据表中注册输入和输出数据，以使状态列工作 I

jQuery 数据表显示 html 内容

我的页面上有一个 jquery 数据表，它使用服务器端处理来检索数据。 在这种情况下，其中一列包含 html 内容，因此我的服务器响应如下所示： “aaData”...

数据表初始化和样式不适用于多个表

我对多个表使用数据表，但是第二个表中的设置和样式与第一个表不一样，一切都很好但是 问题是 rowGroup > 错误：没有组（在

DataTable.net excel 导出自动换行

我正在使用 Datatable.net 并希望我的 excel 导出为自动换行。我试过使用 $(this).attr('s', 55);像这样 https://datatables.net/reference/button/excelHtml5#Built-in-styles。我也有

如何在 Dash DataTable 中的列上设置百分比格式？

我正在使用 Python Dash，我正在使用 DataTable 来显示某个数据集中的一些信息。该数据集只有两列对应于教育率。利率是十月...

R降价； DT：列宽的数据表选项

我正在努力调整由 R markdown 脚本生成的 html 文档中的表格。列标题未与列内容对齐（见图）。 我正在尝试将 DT.options 设置为

jQuery Datatables 如何使用行分组打印表格？

几天我试图用行分组实现数据表打印视图，但它仍然无法工作.. :( 我有一个数据表，其中一列是隐藏的，该列是行分组的。同样...

如何在 React 中重新初始化数据表？

我正在尝试在我的 React 应用程序中创建一个表，该表具有列重新排序、选择行、拖放行重新排序等功能。这么复杂的表。我正在尝试使用数据表 jquery 来做到这一点。我是

尝试插入数据库后出现错误，我正在使用数据表在屏幕上显示结果

我对数据表有疑问，因为有一个错误我现在几天都无法解决，我正在插入数据并且值返回null，我正在使用post方法，用php .. .

如何防止ckeditor5剥离自定义类、样式和注释？

我们正在研究一个涉及在 DataTables 编辑器中启用所见即所得编辑器的项目。 DTE 有用于 CKE、TinyMCE 和我认为是 Quill 的插件。 CKEditor5 在 DTE 中工作但是当你去编辑公司时......

只有一个搜索窗格出现在 DataTables 表中

我正在尝试编写一个页面，该页面将在 Datatables 对象中显示提供的 csv 文件。 它不会抛出任何错误，但目前仅将“性别”列显示为搜索窗格。我...

Jquery 数据表日期范围过滤器

下面的代码运行良好，但我需要添加一个新功能以允许用户根据开始日期和结束日期过滤一系列记录，用户应该能够获得所有...

创建一个 PHP 表，其中的值根据选定的值填充

所以我正在使用 php 和 html 创建一个表，该表根据在下拉菜单中选择的值填充值。首先，您根据大学排名从下拉菜单中选择一个值...

使用数据表求和列值

我想在代码末尾将收入列值与总数相加。我正在使用 Jquery 数据表通过此代码过滤记录但无法为总数编写代码。我也尝试过

如何更改 Datatables rowGroup 以仅允许 1 个开放组？

我使用此脚本扩展/扩展数据表中的行组。 var collapsedGroups = {}; //1 行组：{ // 使用“行组”插件 dataSrc: '数据', startRender：函数（行，组）...

Datatables excel export stripHtml 不起作用

我在我的数据表中添加了一个数据表导出按钮。在此表中，某些列包含 html 标记，例如 我在我的数据表中添加了一个数据表导出按钮。在此表中，某些列包含 html 标记，如 <button data-toggle="dropdown" class="btn btn-primary dropdown-toggle btn-xs">BUTTON NAME</button> 当我第一次添加导出按钮时，它工作正常，导出带有 HTML 标签的行没有它们的标签，如：按钮名称。但后来我不得不在我的按钮代码中包含一个替换函数，如下所示： buttons: [ { extend: "excelHtml5", exportOptions: { format: { body: function (data, row, column, node) { return column === 18 ? data.replace(",", ".") : data; }, }, }, tag: "img", className: "btn-excel", title: "file_title", titleAttr: "Excel", attr: { src: "../images/menu_img/excel.ico", }, action: newexportaction, }, ]; 当我添加这个 exportOptions 属性时，带有 HTML 标签的行开始与它们的标签一起出现在导出的 excel 文件中。我要替换的列没有任何 html 标记，它们都在其他列中，但此更改会以某种方式影响它们。 我尝试添加“stripHtml: false”，但没有任何效果。我还尝试用 switch case 语句编写替换函数，但效果不佳。