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].
18,963
questions
0
votes
0
answers
7
views
Custom Styling Laravel Livewire Datatable by Rappasoft
I'm using Laravel 9 and want to create datatable using laravel-livewire-datable (link bellow). I've read the documentation but I'm still confused about custom styling, for example changing the style ...
0
votes
0
answers
10
views
Datatables error with accents in the rows
When I go to the page where there is a customer who has an accented letter in a field or I look for it from the table's search bar, I get an error as if he couldn't load the page because of the accent....
-7
votes
1
answer
39
views
Connect two tables from same database to show on DataTable [closed]
i would like to query two tables from the same database together and display them on my DataTables list.
orderchg table view
orders table view
So i need to connect these tables to show information ...
0
votes
1
answer
37
views
Datatables Laravel loop in ajax call using yajrabox
function setDataTableTgl(tgl = null, tglA = null, tglB = null, departemenId = null, group = true){
setColumn(group);
var tgl = {};
for (var i=1; i < 32; i++) {
tgl[...
0
votes
0
answers
18
views
Non Breaking Spaces added above DataTable container. Can't stop it
Simple question but has me stumped. I am creating DateTables using:
var WC = $('#WC').dataTable();
When this table is rendered it ALWAYS has a huge block of non breaking spaces at the top. Same ...
0
votes
0
answers
25
views
Jquery DataTable individual column search selected input not showig/working?
I am using jquery DataTable and try to apply individual column search in header or footer of table but its not working.
https://datatables.net/release-datatables/examples/api/multi_filter_select.html
...
1
vote
1
answer
37
views
why i am facing with problem when i try to change columns to 0 an 1?
data.head()
experience
stay
No relevent experience
0
Has relevent experience
1
No relevent experience
0
Has relevent experience
1
No relevent experience
0
data['experience'] = data['experience']...
-2
votes
0
answers
37
views
Display Background Color
VS2022, C#. I have a table which contains an extensive list of PMS numbers and also the corresponding color hex code. What Would like to do is display the actual color in background on the table for ...
0
votes
0
answers
12
views
livewire datatable columns sort not restoring after page refresh
I am working on laravel livewire datatables. when change sorting of table, after refresh the page sorting not removed. I need to completely refresh page & show original datatable results when ...
0
votes
0
answers
12
views
Livewire datatables columns sorting not working
I am new to Livewire, I am implementing data table using livewire.
Requirement: I need to sort data by updated_at column in descending order. After that if user click on status , then status should be ...
1
vote
0
answers
20
views
Datatables won't render with CDN installation
I am trying to implement the most basic installation of datatable, where I failed to initialize it. Here is my html file:
<!DOCTYPE html>
<html lang="en">
<head>
<...
0
votes
0
answers
8
views
Datatables editor : CreateInline - how to make a cell non-editable while adding new row?
I am working on this official example DataTables provided:
https://editor.datatables.net/examples/inline-editing/fullRowCreate.html
How I want to edit is that when I click on "New" button, ...
0
votes
0
answers
14
views
DataTables and dinamically drawn table
I'm trying to insert DataTable plugin to my project: I'm using a ajax call to read values from api and then display them onto a table in my home page. Datatable plugin isn't weoking and, from time to ...
1
vote
0
answers
19
views
Is there a way to append child rows to datatables using Vue JavaScript and Typescript?
I went through the documentation Vue Datatables Vue Datatable Component. I managed to implement the the datatable using typescript and vue js. Below is the Datatable component:
<template>
<...
0
votes
0
answers
11
views
Uncaught TypeError: f[0] is undefined
One of my Datatable throws an error like on the title, but my other datatable running smoothly, I don't understand why I keep getting the error, I triple check every close tags, brackets etc. I also ...
0
votes
1
answer
21
views
Multiple tables having the same column header order using datatables.net
I have multiple tables that are initialized using the same configuration (colReorder is enabled). What I like to do is enable syncing column headers when the user reorders columns on one table.
What I ...
0
votes
1
answer
11
views
jquery:datatable save button: always gets the original value instead of updated one
I have a jquery:Datatable with a custom Save button like below:
...,
{
text: 'Save',
action: function (e, dt, node, config) {
...
-1
votes
0
answers
21
views
Multi-select checkbox in dataTable with all pages
When i select first record in first page and select 2nd record in second page and moving back to first page it will disappear the checkbox, and same things happen in select all page also please help ...
0
votes
0
answers
14
views
Angular Datatables using data from array in Javascript
So I'm working in angular with Angular Datatables library to display tables. I've got GeoJSON data which I'm fetching from different URLs and pushing them in different arrays.
This is how the array ...
-4
votes
0
answers
21
views
what is the alternative way for powergrid datatable [closed]
What is an alternative for the powergrid datatable filter? I am using Laravel 7, and for Laravel 7, the powergrid datatable is not supported. I need the same filters as we have in the power grid.
...
1
vote
1
answer
54
views
How to use ajax in responsive property jquery DataTable
i using Jquery Data Table for show my data.according this question Trying to show extra information in a responsive DataTable i want to show extra information within a Responsive DataTable.but there ...
0
votes
1
answer
38
views
Django model choices and jQuery DataTables sort
I am struggling to get a sorting to work in jQuery DataTables when I want to sort objects based on choices in the django model. With the snippets included I can sort it based on the values 1..n in ...
0
votes
2
answers
27
views
How to get columns names of jquery:datatable where the columns are created dynamically?
I have a jquery:datatable in my code where its columns are created dynamically in the C# based on some table records in SQL.
In this datatable, I use a custom button called "Save". I need to ...
0
votes
0
answers
24
views
Handle multiple tabs in flask with session parameters and DataTables
Context:
I have a Flask web service providing some data to users. User can select country of the data and the selected value is stored in Flask in the session global proxy - so all requests will ...
0
votes
1
answer
34
views
dataTable switch to next page with no entry - paging issue
I want to display records from mysql-database on a monitor using a table from dataTables with serverside paging. Maximum rows per side should be 14. When filling up the database and reaching the 14th ...
0
votes
2
answers
43
views
R Shiny DataTable - Scroll X Bar Invisible
I'm developing a Shiny app and I often use datatable objects. I need a scroll bar in X axis to be able to see other columns in the app. I added a scroll bar to datatable by using datatable options.
...
0
votes
1
answer
29
views
How to date range filter table by using jQuery
I have a data table variable, ' table', shown below. I want to do date range filtering with this table. I am using Date Range Picker to select start and end dates.
I did try the method below, but if I ...
0
votes
1
answer
36
views
Localization in Ajax Datatable
I am trying to figure out a way to display Datatable language based on the local language of the Server/PC.
The idea is that based on the language it should load the respective language file.The ...
0
votes
1
answer
36
views
file upload serialize jquery without form
how to send image file data with jquery ajax in a table without using a form attribute
i am using serialize this but file data is not in payload
$('.upload').on('click', function() {
var mdata =...
1
vote
1
answer
55
views
How to prevent theme from styling data tables?
When using a theme for an html output, such as LUX, and creating tables with DT's datatable function, the theme stylizes the output tables, including capitalizing the column names.
Here is the Yaml
---...
0
votes
1
answer
25
views
How to reset selected rows in Shiny
I have a small rshiny app, in which i can select row in datatable and get values from first columns.
but how to quickly get rid of the selected rows and values without clicking on the row again?
also ...
0
votes
1
answer
27
views
How can I retrieve the content of my jquery datatable in c#?
I have an HTML table that I'm converting into datatable. In this datatable, I can edit a value in a cell. I want to attach a "save" button to this datatable and once a user clicks it then it ...
0
votes
0
answers
29
views
load records in datatable
I have this script where my table is generated in the submit page and i am trying to apply datatables to it, but its not working in that case.
Here is my code
$("#formSubmit").submit(...
1
vote
0
answers
80
views
Incomplete json response in a large eloquent-collection's ajax request
I'm having an error in my Laravel 8 app which uses yajra/laravel-datatables-oracle with server-side rendering, and I can't figure it out so far. What makes it frustating is the fact that this have ...
0
votes
0
answers
26
views
how to deal with datatable-ajax cannot be displayed using server-side
i am trying to display data on my database in laravel using datatable-ajax with server-side but the data i fetched is not displayed in the table
I've tried the json data on the url and it works but it ...
0
votes
2
answers
26
views
JavaScript DataTables - pageLength is not working when applying scroller plugin
When setting pageLength property in DataTables, the data is divided into multiple pages.
However, when DataTables.scroller plugin is applied, the pageLength setting is ignored and all data is ...
0
votes
1
answer
28
views
Adding a Condition to Javascript in the Context of R Shiny DT Datatable
I would like to make a javascript function that modifies the data of a cell ONLY if a particular condition is met. This is in the context of a datatable in R Shiny. The goal is to improve on this ...
1
vote
1
answer
24
views
Loading nested JSON from Instana Eum into JQUERY datatables
I have read plenty of resources and questions here regarding nested JSON but none are asking the exact same.
I am trying to use IBM Instana to retrieve the page load metrics what I plan to load into a ...
2
votes
1
answer
43
views
Read More Buttons for Long Text in R Shiny DT Datatables
I would like to include "read more" and "read less" buttons in my R Shiny DT datatables for cells with overflow / long text.
This wonderful answer by Devansh J demonstrates this ...
0
votes
0
answers
40
views
PHP JSON from mysql database not showing any result
I have a problem getting the data in JSON format via the data.php file.
When I try see JSON I got this:
"{"draw":0,"recordsTotal":null,"recordsFiltered":120,"...
0
votes
0
answers
13
views
Datatables are not updated when opening modals via datatables column hyperlinks
I have a problem here.
Here there are 2 Datatables, 1 to display the initial data, and 1 to display one of the data from the first table. I am using Name column as Hyperlink using href. When the name ...
0
votes
1
answer
14
views
How to add class for values in specific columns that matches a given pattern in jQuery.DataTables?
I want to add a classname "red" to:
all values that are less than 10.
Only for those in column X,Y...
How can I achieve this?
It looks something like this:
0
votes
1
answer
14
views
Mimic the ( Show All ) link in datatables.net
I have a situation where I want to get the full (data) from the backend as a CSV file. I have already prepared the backend for that, but normally the front-end state => (filters) is not in contact ...
0
votes
0
answers
37
views
Text Box Button to update Ajax table (JS)
there is a comment button, that opens a text box in a table on my website. I'm looking to have this "comment" box update the "comment" column in my ajax table, without having to go ...
1
vote
0
answers
45
views
Angular 15 with Datatables and RxJS - not displaying data/filters and not working click event
Context:
I have UserService with User data loaded from API (HttpClient). These data are loaded when UserListComponent is initialised. Then I want to display all records in DataTables control with ...
0
votes
0
answers
33
views
Datatables custom div overlay
I want to create custom select div container working together with datatables but there is a problem i faced
This is how it looks without datatables (basic html table):
and this is how it looks with ...
0
votes
1
answer
13
views
How to reduce the space between lines of a datatable (package DT)
I use RMarkdown to generate HTML reports. I have a table with 32 rows. I need to reduce the size between the rows to be able to see it without scrolling. I tried several options like width, height in ...
0
votes
0
answers
18
views
The thead columns of the table are buggy and I need to click on them for them to be the right way how can I solve it?
Table bugada
enter image description here table bugada apos clicar
0
votes
0
answers
24
views
How to incorporate jquery datatables with PHP and external Javascript
I am new to programming and I don´t have much experience, recently i have been following this tutorial on how to create a server side search form with PHP and Javascript. The forms
works fine as is ...
0
votes
0
answers
33
views
Javascript Filter is not working after update Bootstrap and JQUERY Versions
I have a generic filter working that filters a data in a datatable.
When I upgrade my versions of bootstrap and jquery completely stop working.
New Version of Bootstrap: bootstrap-5.2.3/js/bootstrap....