Questions tagged [datatables]

DataTables is a plug-in for the jQuery JavaScript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table. Do not use this together with [datatable].

Filter by
Sorted by
Tagged with
0 votes
0 answers
5 views

How to merge cells only the tfoot tag in export datatables excel

I want to merge cells which contain only the "Total" text in the tfoot tag. this is the code text this is the result of export to excel and this is the result that i want to achieve I also ...
Vendetta's user avatar
1 vote
1 answer
9 views

Specify columns to remain hidden in DataTables, and choose their order when hidden

Context When making an interactive table using the DataTables library, columns are hidden under a green + sign when the screen width becomes too narrow for the number and width of columns. I have a ...
whv20's user avatar
  • 13
0 votes
0 answers
12 views

Razor / ASP.NET MVC Core 7: How to return the edited grid data from all paginations to the controller

I have editable table in UI that extends up to multiple paginations. I am using datatables.net library display this table along with pagination. https://datatables.net/examples/styling/bootstrap5.html ...
sprash95's user avatar
  • 137
1 vote
0 answers
33 views

DataTable working on computer but not mobile

I have data which fills a DataTable that works fine on desktop but on mobile the data doesn't load into the table. Using web inspector on mobile the error in console just says Load failed. Only ideas ...
trying's user avatar
  • 13
-3 votes
0 answers
15 views

how can i add my javascript tabular data to web page as dropdown list?

i have a excel table which convert to geojson format i need a html code so list the headers of this table in a drop down list and when i select each item from this drop down list, the column values ...
Solmaz's user avatar
  • 19
0 votes
1 answer
20 views

R/Shiny - Scrollable datatable with checkboxes and total count

I have a datatable to which I add a checkbox column, and can click on individual boxes. Also, have an actionButton that can select or deselect all the checkboxes, a total count of the clicked boxes, ...
PLA's user avatar
  • 79
1 vote
0 answers
29 views

Angular 16 with datatables

I'm learning Angular, so currently I'm consuming one endpoint of CoinGecko and I just want show the list using datatables, so this is my code: <div class="w-3/4 mx-auto mt-5"> <...
Jhon Estrada's user avatar
0 votes
0 answers
26 views

How can I solve Asp.Net Datatable calling Script Error? [duplicate]

I wanted to use Javascript function at datatable at ASP.NET. But when user deleting item, application couldn't find script and giving error like 'DeleteRow is not defined at HTMLAnchorElement.onclick'....
RCeyda 's user avatar
1 vote
1 answer
36 views

Ajax Loading Data and Form in DataTables

I am building a page to display students' lists based on class name on data tables. The data tables are loaded using ajax requests, and each row on the table has buttons to forms on a modal for making ...
Eddy Khalfan's user avatar
0 votes
0 answers
30 views

How to add action button in livewire datatable laravel?

I use the livewire data table in my Laravel 8 project. So when I'm trying to add an action button in Datatable I'm getting the following error. Here is my code namespace App\Http\Livewire; use App\...
Dharmesh Rakholia's user avatar
-2 votes
0 answers
34 views

jquery datatable with CRUD operations

I am trying to work on datatables which will implement a working grid with all CRUD requirements. Here is the grid - $("listTable").DataTable({ serverSide: true, ajax: { url: "...
Sajal Saxena's user avatar
0 votes
0 answers
41 views

Apps Script, Using jquery DataTables With Additional Script

I am attempting to write a script that pulls data from a google sheet and posts to an html table. If I strictly do the code.gs with the required doGet function, and only add html/javascript via a ...
jdk25's user avatar
  • 23
0 votes
1 answer
21 views

Datatables buttons not showing with Bootstrap 4

I am using datatables with Bootstrap 4 and I want to use the buttons extension to export the table data. However, the buttons are not showing up on the page and there are no errors in the console. ...
Nemo64's user avatar
  • 2,505
0 votes
0 answers
16 views

How parse a JQuery datatable result in vb.net [duplicate]

ve to interface my application with a search function of an external website. I managed to to the search using httpclient, and download the result as a string text. After searching I found out that it ...
user18107302's user avatar
-4 votes
0 answers
46 views

Why is my C# code only displaying one column on my chart? [closed]

I have a DataTable that contains data. I need to plot this data in the form of a graph. I wrote a code that does this, but the problem with it is that it only shows one column on the chart. I ...
Anon Anon's user avatar
-1 votes
1 answer
25 views

Convert json text to PHP array for datatables childrow example [duplicate]

I am referencing this Data tables example https://datatables.net/examples/api/row_details.html and trying to use PHP to generate the AJAX as used on the example. Here is a snippet of the raw json code....
macca4244's user avatar
0 votes
0 answers
11 views

Automatically adding records to subform in MS Access based on selected level in combobox [closed]

MS ACCESS I have 4 tables: student, subject, level, and add_subject. The level table has a relationship with the subject table so that I can add what subjects (from the subject table) are appropriate ...
Sa Sam's user avatar
  • 1
0 votes
0 answers
14 views

How to stretch a cell to all table headers using DataTables?

I want to have this table structure in my page and i am using datatables <table id="journalEntryTable" class="display table table-bordered border border-1"> <...
kingdeorayom's user avatar
0 votes
0 answers
5 views

Data overlap with the dtr-details i.e. more button

This is what my issue looks like. The number is overlapping the plus icon as shown below: I tried with the margin-left, padding and more css styling, but i need dynamic width with the data, like ...
Sahil Khan's user avatar
0 votes
0 answers
9 views

Modal text disappear when datatable select in effect

Hi I have a datatables with select: true,. In my table, there are three buttons, 2 buttons that only pass id and show input file. The other button is a dynamic button with ajax event being populated ...
typicalguy's user avatar
0 votes
1 answer
36 views

DataTable Responsive deletes columns with Bootstrap 5

I want to make a table responsive with DataTable 1.13.4 and Bootstrap 5.2.3 but when I test my table on mobile device (with Firefox, not on a real device) my table contains a small horizontal ...
Alexandre's user avatar
  • 159
0 votes
1 answer
28 views

Bootstrap DataTables not working properly in my website

Error when using data tables, sources order Hi, I'm making a website with boostrap 5 and I'm trying to make a dataTable type table, only the options that data tables have in boostrap don't work. For a ...
Antonio Avila's user avatar
0 votes
0 answers
20 views

Datatable.net export to excel autofit width

I am building this report in html and then have a option to export the data into excel. I have it setup for word wrap which is now working but all the columns are 75 width. Can this be base on the ...
Jefferson's user avatar
0 votes
0 answers
25 views

How can I filter jQuery Datatables when using input fields for data modification?

I'm using jquery datatables to show the date of students but when i want to modify it i show the table with the values as inputs like this: <input type="text" name="ralum" value=...
Reyes29's user avatar
1 vote
1 answer
39 views

Conditional cell highlighting based on external list

I want to highlight cells in a datatable on the condition that the values are contained in another list. Here is my reproducible example: library(DT) library(tidyverse) df_table <- tibble( id = ...
TobKel's user avatar
  • 1,165
1 vote
1 answer
38 views

Datatable.net Built in styles for word wrap

I am using Datatable.net and wanted my excel export to word wrap. I have tried using $(this).attr('s', 55); like this https://datatables.net/reference/button/excelHtml5#Built-in-styles. I have also ...
Jefferson's user avatar
1 vote
2 answers
24 views

PostgreSQL Record Involved Table Activities

Recently I came to a new challenge to understand a new ERP system and the tables involved when different business functions are taking place. I need to find the tables involved by each function. For ...
Stavros Koureas's user avatar
0 votes
0 answers
17 views

How can I show the parameters in the URL when using Datatables' Server-side processing and SearchBuilder with Django?

I created a Django web app that queries a very large database. To address that, I use Datatables with Server-side processing and SearchBuilder and Django Pagination which all works great. I have an &...
dinco's user avatar
  • 1
1 vote
1 answer
30 views

DT after cell edit keep collapse/expand row status

Initially, all rows are collapsed. The user is able to expand n rows and edit the cell values. In the provided sample, all rows are expanded after calling replaceData (or editData) within the ...
Odrai's user avatar
  • 2,133
0 votes
0 answers
17 views

How to edit Nested Table in Datatables Editor

I have some tables: `table_customer` ( `id_customer` int(11) NOT NULL, `fullname` varchar(255) NOT NULL, `email` varchar(255) DEFAULT NULL, `birthday` date DEFAULT NULL, ...
kenlane3140's user avatar
-1 votes
0 answers
21 views

Pretty Printing Date

I'm using timezone-selector.js to select timezone from a drop-down and then applying the def. to date column as: "mRender" : function(data, type, full) { if(type == "display") {...
geekynoob's user avatar
0 votes
0 answers
30 views

JQuery DataTables Conditionally Show Button If >= 2 checkboxes are checked

using JQuery DataTables how can I have a button 'show' if the user selects more than 1 checkbox in the DataTable? title: "Modify", data: "id" , width: "10%", className: &...
HotTomales's user avatar
0 votes
1 answer
25 views

Remove 'div' and 'span' on exporting dataTables to excel

I am trying to export an HTML table using dataTables plugins. My table has div and span tags inside td tag. While exporting the table, it is exported div and span tags as value. I tried to export ...
sheetal singh's user avatar
0 votes
1 answer
32 views

How can I use pandas to fill missing prices in my product table based on delivery dates and dates the price was given to that product?

I have a table of products with their names, receipt dates, prices and DATE OF GIVEN PRICE. However value of price is given only in one cell. I have to fill prices for products that were delivered ...
David's user avatar
  • 1
0 votes
1 answer
34 views

Pass Variable From Modal A To Modal B

Working on building a approval/edit process for company site. I have it set-up so that a jquery datatable displays scheduled events for the logged in user and displays the trip like this results = ...
HotTomales's user avatar
1 vote
1 answer
16 views

Allow End Users to select which columns are visible using JS datatable

The table table is being rendered by django admin. I will not know the amount of columns, column names or row contents. What I will know is the table id result_list. The issue is users want tables ...
user avatar
2 votes
2 answers
40 views

Passing Id In Button Click in JQuery DataTable

how do I pass the id to my event here? { var tr = $(this).closest('tr'); var id = tr.children('td:eq(0)').text() data: null, render: ...
HotTomales's user avatar
0 votes
0 answers
15 views

Store the Jquery DataTable applied filters in the url to be copied

I am using jquery datatables for server side processing I fetch the orders from db and use search and pagination that is working great. Now I want to show the searchfilter and pagesizes and such as ...
Khan Engineer's user avatar
0 votes
1 answer
53 views

How to create column search in datatables if the table is initialized using data of javascript's array of array?

I'm new to writing code and I'm having trouble to initialize table using datatables. What I'm trying to achieve is to create table where user can search/filter each of the table's column. I know how ...
aku's user avatar
  • 33
1 vote
0 answers
44 views

DataTables not working when built for production

I'm using DataTables with Vue and Vite, which works flawlessly using npm run dev, however when building for production npm run build, no page where the DT is used, works. It throws an error: Uncaught (...
The VaLo's user avatar
3 votes
0 answers
74 views

How to display data from Google sheet using datatables

I'm trying to follow a tutorial to build a web app using Google app scripts. What I'm trying to achieve is to display data from Google sheet to a HTML page using datatables. But it just seems that the ...
aku's user avatar
  • 33
0 votes
2 answers
52 views

What is a good way to filter a model and display that as a table in Django?

I have been struggling on finding a simple method for displaying a filtered model on a Django webpage. I am using DataTables for my tables. Here is some code for my view that filters a value and ...
matthew's user avatar
  • 11
0 votes
0 answers
33 views

How can I display a table's results using a Go button rather than an automatic search?

I'm working on a page that contains drop-down menus for filtering datatables. Everything works properly. But the issue is that the information in the search results is automatically displayed based on ...
newuser's user avatar
  • 181
0 votes
0 answers
33 views

How to assign a specific order and variable to each cell in a dataTable column according to other cells

I'm a super newbie who started this project on WPF (.NET) around two weeks ago without knowing a single thing about programming. My project is complex (for me, you know, being a newbie) and I've been ...
F. EYL's user avatar
  • 1
1 vote
0 answers
44 views

How to use the ApexChart component in the component cell in Datatable.net

I am trying to output a graph in a table cell component Table.vue <template> <DataTable id="playlists" class="display table table-...
Sergey Vorobev's user avatar
0 votes
0 answers
15 views

Rappasoft datatables v1

does anyone know how could I setup date filter. Right now I am using standard way of doing it by public function query(): Builder { return Model::query()->when($this->getFilter('...
Sead Silajdzic's user avatar
0 votes
0 answers
26 views

How do I enable case-sensitive matching (6th parameter, boolean) on .fnFilter();?

I am having the same problem as fnFilter value 'Active' not working. My reputation is not high enough to comment so I'll ask here: How do I enable case-sensitive matching (6th parameter, ...
Pickles91's user avatar
0 votes
0 answers
29 views

DATATABLES jQuery.Deferred exception: Maximum call stack size exceeded range

I have a problem in the code of my program, the idea is to make dynamic tables (columns and data, they can be 3x3 or 7x14k ) and for the pagination I am using datatables.net, the problem is that when ...
Lucas gaudino's user avatar
0 votes
1 answer
27 views

Why is my DataTable not filling in with data?

I am trying to load a DataTable with data from an Ajax call. I have successfully done this before and looking at how I've done it before I'm not sure what is not wrong. JavaScript: <script>$(...
Justin Zitel's user avatar
0 votes
0 answers
54 views

How to enable server-side processing in DataTables?

I am using DataTables but I want to switch to server-side processing in order to decrease loading times when working with large datasets, I am trying to follow this guide, but so far I've had no luck: ...
Jaiylon's user avatar
  • 41

1
2 3 4 5
412