datatables 相关问题

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

如何从 jQuery DataTable 中的所有页面获取所有复选框选中的值尝试过不同的方式 $('.btnprimary').click(function () { $('input[type="checkbox"]').each(function()...

jquery datatable datatables

回答 2 投票 0

更新和过滤 Laravel 数据表

我想返回一个数据表，其中包含数组中的集合，我可以从浏览器的网络检查器中看到响应和预览选项卡，所有数据都显示在那里，但出于某些原因...

jquery mysql ajax laravel datatables

回答 1 投票 0

Angular 数据表，配置行单击事件时无法单击行按钮

我在项目中使用角度数据表模块，并使用 rowrollback 函数配置了一个函数，以便在单击该行时执行操作。但使用时我无法点击 bu...

javascript angular datatables

回答 3 投票 0

使用角度数据表时遇到错误

我使用的是 ubuntu 20.04，npm 6.14.15，node v14.17.2 和 Angular CLI：11.2.14。我尝试使用 Angular-datatables 模块在我的工作目录中创建数据表。为了使用这个角度-

node.js angular npm datatables angular-datatables

回答 5 投票 0

带有来自 URL 的 JSON 数据的 DataTable

我有一个从 URL 生成的数组。 $url = 'https://www.datastro.eu/api/explore/v2.1/catalog/datasets/orbits-for-current-comets-in-the-mpc-database/records?order_by=h%20ASC' ; $数据=

javascript php json datatables

回答 1 投票 0

Jquery 数据表在列中查找范围编号

我有一个有五列的表格：A - B - C - D - E 每列都有自己的过滤器。 A、B、C 和 E 列过滤器工作正常。 A、B、C 有一个简单的输入文本搜索，E 有一个搜索的选择类型

jquery datatables

回答 3 投票 0

点击数据表中的链接值时如何获取数据的 PrimaryID 值

我正在使用 ASP.NET Core 6 MVC C#。我有一个这样的表： &... 我正在使用 ASP.NET Core 6 MVC C#。我有一张这样的桌子： <div class="card-body"> <table class="table display table-bordered" id="DATATABLE"></table> </div> 我有一个带有 StudID (int - PrimaryID)、Name (string)、Class (int) 属性的 Student 类。表格显示如下。在上图中，Class 值 9 是一个超链接，100 是该行的 PrimaryID。我正在寻找一种在单击 9 时获取 PrimaryID 的方法。我尝试过的如下所示。 $("#DATATABLE").DataTable({ serverSide: true, filter: true, searchDelay: 1000, scrollY: StaticData.TABLE_HEIGHT + 'px', lengthMenu: StaticData.TABLE_PAGE_SIZE, scrollCollapse: true, ajax: { url: '/STUD_MANAGEMENT/LoadStudents', type: 'GET', datatype: 'json', headers: { 'RequestVerificationToken': 'your json token' }, dataSrc: (json) => { json = json.data; return json; } }, columnDefs: [{ className: "dt-center", targets: [3], width: '2%', }], columns: [ { data: 'STUD_ID', title: 'Stud ID', autoWidth: false, visible : false }, { data: 'NAME', title: 'Name', autoWidth: true }, { data: "CLASS", title: 'Class', autoWidth: true, "render": function(data, type, row, meta){ if(type === 'display') { data = '<a href="' + data + '" onclick = "clickLink()">' + data + '</a>'; } return data; } } ], }); function clickLink() { alert('studid is ??? '); } 您必须将更多信息发送至本栏目render（通过data）。尝试下面的代码： $("#DATATABLE").DataTable({ serverSide: true, filter: true, searchDelay: 1000, scrollY: StaticData.TABLE_HEIGHT + 'px', lengthMenu: StaticData.TABLE_PAGE_SIZE, scrollCollapse: true, ajax: { url: '/STUD_MANAGEMENT/LoadStudents', type: 'GET', datatype: 'json', headers: { 'RequestVerificationToken': 'your json token' }, dataSrc: (json) => { json = json.data; return json; } }, columnDefs: [{ className: "dt-center", targets: [3], width: '2%', }], columns: [ { data: 'STUD_ID', title: 'Stud ID', autoWidth: false, visible : false }, { data: 'NAME', title: 'Name', autoWidth: true }, { data: null, title: 'Class', autoWidth: true, "render": function(data, type, row, meta){ if(type === 'display') { data = '<a href="' + data.CLASS + '" onclick = "clickLink('+data.STUD_ID+')">' + data.CLASS + '</a>'; } return data; } } ], }); function clickLink(id) { alert('studid is '+id); }

javascript jquery asp.net-core datatables

回答 1 投票 0

数据表行中的两个 Select2，第二个在没有结果时显示“添加”按钮，但第一个不显示

我有一个数据表，每行包含两个 select2 用于自动完成产品和计量单位。此功能工作正常，但如果未找到结果，每个 select2 必须显示添加 b...

datatables jquery-select2

回答 1 投票 0

像Excel列过滤器一样的数据表列过滤器

我正在使用 ASP.NET Core 6 MVC。我有一个如下所示的表：我正在使用 ASP.NET Core 6 MVC。我有一个如下所示的表格： <div class="card-body"> <table class="table display table-bordered" id="DATATABLE"></table> </div> 我正在寻找一种拥有这样的列标题的方法：我尝试过这样。 $("#DATATABLE").DataTable({ serverSide: true, filter: true, searchDelay: 1000, scrollY: StaticData.TABLE_HEIGHT + 'px', lengthMenu: StaticData.TABLE_PAGE_SIZE, scrollCollapse: true, ajax: { url: '/STUD_MANAGEMENT/LoadStudents', type: 'GET', datatype: 'json', headers: { 'RequestVerificationToken': 'your json token' }, dataSrc: (json) => { json = json.data; for (var i = 0, ien = json.length; i < ien; i++) { json[i]['isactive'] = '<input type="checkbox">' `; } return json; } }, columnDefs: [{ className: "dt-center", targets: [7], width: '2%', }], columns: [ { data: 'STUD_ID', title: 'STUD ID', autoWidth: false, visible : false }, { data: 'NAME', title: 'Name', autoWidth: true }, { data: 'CLASS', title: 'Class', autoWidth: true }, { data: 'isactive', title: 'Is Active ?', autoWidth: false, orderable: false }, { data: 'USER', title: 'User', autoWidth: true }, { data: 'DATE', title: 'Date', autoWidth: true }, ], });// datatable 您可以尝试下面的代码来实现活动非活动字段上的过滤器： $("#DATATABLE").DataTable({ serverSide: true, filter: true, searchDelay: 1000, scrollY: StaticData.TABLE_HEIGHT + 'px', lengthMenu: StaticData.TABLE_PAGE_SIZE, scrollCollapse: true, ajax: { url: '/STUD_MANAGEMENT/LoadStudents', type: 'GET', datatype: 'json', headers: { 'RequestVerificationToken': 'your json token' }, dataSrc: (json) => { json = json.data; for (var i = 0, ien = json.length; i < ien; i++) { json[i]['isactive'] = '<input type="checkbox">' } return json; } }, columnDefs: [{ className: "dt-center", targets: [7], width: '2%' }], columns: [ { data: 'STUD_ID', title: 'STUD ID', autoWidth: false, visible: false }, { data: 'NAME', title: 'Name', autoWidth: true }, { data: 'CLASS', title: 'Class', autoWidth: true }, { data: 'isactive', title: 'Is Active ?', autoWidth: false, orderable: false }, { data: 'USER', title: 'User', autoWidth: true }, { data: 'DATE', title: 'Date', autoWidth: true }, ], headerCallback: function(thead, data, start, end, display) { $(thead).find('th').eq(3).html( '<div>' + '<input type="checkbox" id="filter-active" /> Active<br>' + '<input type="checkbox" id="filter-non-active" /> Non Active<br>' + '<input type="checkbox" id="filter-all" checked /> ALL' + '</div>' ); }, drawCallback: function(settings) { // Update checkbox state based on current filters applied you need to implement the logic for this based on your filter state } }); $('#filter-active').on('change', function() { // Apply filter for active }); $('#filter-non-active').on('change', function() { // Apply filter for non-active }); $('#filter-all').on('change', function() { // Apply filter for all });

javascript datatables asp.net-core-mvc asp.net-core-6.0

回答 1 投票 0

DataTables - 滚动到以 <key pressed>

大家好，我已尽力完成标题，但我遇到的问题是我不知道如何完成这项任务。我有一个数据表，其中一页上显示 1000 行，并具有 ScrollY 限制。数据表是

javascript c# datatables

回答 1 投票 0

为什么数据表自定义在双字母列中不起作用？

我有一个每月时间表数据表，我将其导出到 Excel。但是当我打开 Excel 时，包含该月天数的行（标题行）显示为数字。我想显示为日期。这里是...

javascript datatables export-to-excel

回答 1 投票 0

dataTables - 无法使用水平滚动和固定列来完成其工作。似乎到处渲染都不同。我做错了什么？

我花了几个小时试图弄清楚这一点。我需要制作一张与此链接中显示的表格几乎相同的表格： https://datatables.net/extensions/fixedcolumns/ W...