Quantcast
Channel: Recent Discussions — DataTables forums

Unable to compile TypeScript when using several datatables.net plugins

Description of problem: I am trying to use datatables.net with the buttons, colreorder, fixedcolumns, select, and fixedheader plugins in an ASP.NET Core app that uses typescript, but when I try to use...

View Article


Remove the sort arrous

I want to remove the sort arrows from my table. I have looked at the info at https://datatables.net/forums/discussion/comment/200892/#Comment_200892 and tried them all, but the sort arrows still show...

View Article


Colgroup overriding configured width settings

We have a website that is in production and no new code is expected to be added to it. It was originally coded with Datatables version 1. After version 2.0.0 was released, the configured widths were...

View Article

Image may be NSFW.
Clik here to view.

Headers misaligned when using Serverside , scrollX, nowrap, on pagination change

It seems that when using serverSide and scrollX ,and nowrap on pagination change if the data in the table rows are not the same sizes the headers misaligns. there is no tabs and table is initialized as...

View Article

table.columns.adjust().draw() -> call the backend

Hi, my datatable is connected to a backend method. when the page size is changed to adjust the table columns I use the command: table.columns.adjust().draw(false) However, even in this case the backend...

View Article


Select with more options than shown in database

Hi, I have a field in my database that has 9 possible options. However the current values in the table (after some data cleaning) only use 2 of those options. I would like my select in the editor form...

View Article

Vertical Page Fitting pushing table off the bottom of the screen.

I'm trying to use this functionality: https://datatables.net/blog/2015/vertical-page-fitting In my page I have a sidebar set up like so: <div class="d-flex align-items-end flex-column flex-shrink-0...

View Article

Image may be NSFW.
Clik here to view.

"Id" is null in response in C# from Editor()

Even before getting to the JS, this is the first load (HttpGet) This is the Database And this is the model I've originally did not have the .Set(false) on the property, I was validating it to be...

View Article


Buttons Excel Export and Search Headers not working

Hi, I can't get Button's Excel export to work with search in header rows. I am getting the error message: Uncaught TypeError: Cannot read properties of undefined (reading 'length') at...

View Article


Image may be NSFW.
Clik here to view.

Date ordering in Vue3

Link to test case: Debugger code (debug.datatables.net): Error messages shown: Description of problem: I'm trying to order a date in format dd/mm/yyyy but couldn't fund the way to do it. I'v tried...

View Article

Code Scanning Alerts

Before I say anything, I would like to make it clear that I agree 100% that all the findings I am showing are indeed false positives. You will not get an argument from me on that. However, the fact...

View Article

Vertical Page Fitting won't work inside of div with border class

I am unable to get PageResize working properly with a very simple table setup. I have a bootstrap border div which has a table inside of it. Here is the code...

View Article

Rowcallback and render html

I've spent several hours poking around on this, but nothing is jumping out at me. Can you render an html element from a rowcallback or not? What I have tried just prints out the html element in the row...

View Article


DataTables 2.0 Excel Export Uncaught RangeError: Maximum call stack size...

Hello, After upgrading from 1.13.1 to 2.0.x I found that the export to Excel button function has stopped working on larger datasets, where we have multiple columns of data. Here is the error we are...

View Article

datatables.net-react 1.0.0 slots function does not consider all columns

Description of problem: The use of columnDefs with the string _all - all columns (i.e. assign a default) doesn't work for datatables.net-react slots, in the source code, the check for string _all is...

View Article


vue3 editor @datatables__net_editor-bs5.js Cannot read properties of...

Link to test case: Debugger code (debug.datatables.net): Error messages shown: Description of problem: <script setup> import { ref, onMounted } from 'vue'; import DataTable from...

View Article

Drop down Filter not shown with fixed header

Link to test case: https://live.datatables.net/xehexoye/2102/edit Hello, i am currently struggling with a z-index issue. In the attached example the column 6 "Field 6" has a drop down as filter. When...

View Article


TypeScript definition for datatables.net-buttons broken

I am trying to integrate datatables.net-buttons 3.1.2 into my typescript project, but I am getting a compiler error on line 88 of datatables.net-buttons/types/types.d.ts (it's in the interface...

View Article

add new row with a dropdown that will be prefilled data

Ok, I have a datatable that I'm able to add a new row to based off of what link the user clicks. The datatable has a label, textbox, checkbox, and a select box. The select box needs to be populated...

View Article

How to apply Checkbox "check" to selected after server-side processing?

Description of problem: Using Select and Bootstrap 5 styling, I am refreshing data periodically from the server using ajax. No issues there, this works as intended. I also have a method to remember...

View Article

RowGroup and ScrollY

I decided to use RowGroup for the first time and am have issues with column sizing when I use ScrollY. Using BootStrap5 showing in Chrome. I have commented out ScrollY, so uncomment it to see the...

View Article


Image may be NSFW.
Clik here to view.

Row divider / separator to show promotion / relegation in league tables

Good afternoon. I'm looking for a way to show a separating or dividing line between certain rows, similar to what the BBC are doing in their football league tables:...

View Article


Select filter for empty cells

Hello, I have a table with projects and details for those a project is a row. There is a column which shows who is responsible for that project, what I would like to have is a select filter for the...

View Article

How to get dark mode working?

Link to test case: I created two testcases, one on JSFiddle: https://jsfiddle.net/8Lbf0hpw/5/ and one on DataTables live: https://live.datatables.net/sagenaqe/1/ Debugger code (debug.datatables.net):...

View Article

Create List Field with values dependent on another field

I am hoping someone can point me in the right direction with DataTables Editor. I am using the editor locally, because it is connected to an API, so I pull down all of the data and then post it back to...

View Article


How to install Datatables Editor with composer ?

I acquired the extention and do have a secret npm token. On the install page there is no details about composer.

View Article

Vue component with Tailwind

Description of problem: I have created a datatable with a custom "action" column. In that manual "action" slot, I create a button that when clicked, shows a div. This is my DataTable code:...

View Article

Datatables loading speed

I have a number of datatables tables ranging in size from a few hundred rows to a few thousand rows. Once I get over 2000 it can take time for the table to load. I have one table with 12 columns, the...

View Article

Image may be NSFW.
Clik here to view.

Why customize option download the file with undefined data when I extend...

I am trying to customize button csvHtml5 but when I use the customize option it downloads the file as the following Although when I use only the export option it download the file that contains the...

View Article



Editor with RowReorder doesn't post ajax request if idSrc is other than DT_RowId

Link to test case: http://live.datatables.net/dozifure/28/edit Description of problem: See the test case. As written, it allows re-ordering of rows, which calls the ajax function. However, if you...

View Article


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>