Use columns.className to assign the dt-control classname to the column's cells, including the header. When using ColumnControl to create new headers the selector used in the examples will cause errors like this:

Uncaught TypeError: Cannot read properties of undefined (reading 'name')

when clicking in the header td's created by ColumnControl. Here is a test case:
https://live.datatables.net/dufaheqa/1/edit

Updating the examples with a selector like table.on('click', 'tbody td.dt-control', function (e) { will allow the developers to directly copy the examples and use ColumnControl`.

Kevin

var table = new DataTable('#myTable');
var state = table.state();
 
state.start = 10;
 
table.state(start).draw(false);

Line 6 should have state(state) instead.

Kevin

Kevin

Scope is set to an API instance for the DataTable in question.

It took me a bit to figure out what this meant and how to get the API instance - I'm a bit slow The suggestion is to provide an example using multiple tables. For example:

let tables = new DataTable('.display');
 
tables.ready(function () {
    // Get the API instance
    let table = $( this ).DataTable();

    // Actions to take when the table is ready
    // ...
});

Kevin

I also noticed the -option is not in the docs but -init is. I've always used -option

Kevin

Is this a general Problem?

I'm noticing when the datatable as a field is mentioned in his it's tagged somehow with Markdown syntax similar to how api and init are tagged, but I don't see the syntax listed in the website Markdown documentation:
https://datatables.net/manual/tech-notes/8

I tried -field field but it doesn't seem to be the correct one.

Thanks

Kevin

https://editor.datatables.net/docs/2.3.1/php/

Kevin

Kevin

table.on('click', 'tbody td.row-edit', function (e) {

with

table.on('click', 'tbody span.edit', function (e) {

Regards
Bob

Kevin

SpryMedia Ltd (the company behind DataTables) provides professional support maintenance contracts:

• Quick support - for when you need an answer to just one or two questions.

But the link leads to a page with only the full support packages.

It would be great if your CDN builder could provide an option to "minify and/or concat" all the CSS/JS related to just the base code (with no styling framework code at all).
Then an option to "minify and/or concat" only the files related to a specific styling framework.

That way, we could automatically include the base dataTables code. Then, based on the page template being used, also include the appropriate styling framework code. (I know that I can download/include all the individual files separately to do this. I am working on doing this now, but it adds a lot of extra config to our build to concat all the individual files so we can serve a consolidated one. We also have quite a few mods to the dataTables source JS code that we merge in with each update, so these are much easier with just 1 file.)

Adding these capabilities to the CDN download would be much easier, especially from a maintenance standpoint. Thanks for considering!

-- Lisa

I have just downloaded an update of my Datatables, as a ZIP from page https://datatables.net/download/.

Having unpacked the ZIP file (in KUbuntu) and run the Gradle task to rebuild my application, Gradle basically crashed with a

Execution failed for task ':jvmProcessResources'.
> Invalid Timestamp -3600000 for 'file '.../resources/DataTables.20221214/KeyTable-2.8.0/js''.

error.
Google having no idea as to what that meant, I looked at the directory information

stat KeyTable-2.8.0/js/
  File: KeyTable-2.8.0/js/
  Size: 4096            Blocks: 8          IO Block: 4096   directory
Device: 801h/2049d      Inode: 85330982    Links: 2
Access: (0775/drwxrwxr-x)  Uid: ( 1000/  george)   Gid: ( 1000/  george)
Access: 2022-12-14 07:24:55.371334989 +0100
Modify: 1970-01-01 00:00:00.000000000 +0100
Change: 2022-12-14 07:24:55.359334909 +0100
 Birth: 2022-12-14 07:24:55.355334882 +0100

Oops...
I wondered if there were any others:

find . -mtime +1000 -exec stat {} \; | egrep 'File|Modify'
  File: ./KeyTable-2.8.0/js
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./KeyTable-2.8.0/css
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./JSZip-2.5.0
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./FixedColumns-4.2.1/js
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./FixedColumns-4.2.1/css
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./Scroller-2.0.7/js
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./Scroller-2.0.7/css
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./jQuery-3.6.0
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./Responsive-2.4.0/js
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./Responsive-2.4.0/css
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./RowReorder-1.3.1/js
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./RowReorder-1.3.1/css
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./RowGroup-1.3.0/js
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./RowGroup-1.3.0/css
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./ColReorder-1.6.1/js
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./ColReorder-1.6.1/css
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./pdfmake-0.1.36
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./SearchPanes-2.1.0/js
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./SearchPanes-2.1.0/css
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./FixedHeader-3.3.1/js
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./FixedHeader-3.3.1/css
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./DataTables-1.13.1/js
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./DataTables-1.13.1/images
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./DataTables-1.13.1/css
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./Buttons-2.3.3/js
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./Buttons-2.3.3/css
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./Select-1.5.0/js
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./Select-1.5.0/css
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./StateRestore-1.2.0/js
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./StateRestore-1.2.0/css
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./Editor-2.0.10/js
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./Editor-2.0.10/css
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./jQueryUI-1.13.2/themes/base/images
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./AutoFill-2.5.1/js
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./AutoFill-2.5.1/css
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./SearchBuilder-1.4.0/js
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./SearchBuilder-1.4.0/css
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./DateTime-1.2.0/js
Modify: 1970-01-01 00:00:00.000000000 +0100
  File: ./DateTime-1.2.0/css
Modify: 1970-01-01 00:00:00.000000000 +0100

Might anything be done with your ZIPper to fix this really odd behaviour?

In the interim, and in case another of your users has the same problem sometime,I fixed the mtimes with the mantra:

find . -mtime +1000 -exec touch {}/aaa \; -exec rm {}/aaa \;

All the best,

George

This page isn’t working
live.datatables.net redirected you too many times.
Try clearing your cookies.
ERR_TOO_MANY_REDIRECTS

when trying to access live.datatables.net. I have cleared cookies and done hard browser refreshes.
Any ideas?

Hovering End Users and Developers hides text (links) in the panel to the right, for example:

Kevin

The '-api x', '-event x', '-init x' and '-button x' code links can optionally be prefixed with an e to indicate that it is an Editor API, event, option or button that is being documented (Editor has its own documentation).

I request an example after that to show specifically where the e should go.

I kept thinking the snippet had to start with a dash so I went though:
* -e-api x
* -eapi x
* -e api x
* -api e-x
* -api ex
* -api e x

I finally realized 'e-api x' is correct!

It looks like the examples using one-to-many joined tables is broken on the DataTables site. The query pulling joined data seems to be erroring out.

Here are a couple examples, of some broken Examples :

https://editor.datatables.net/examples/simple/join.html
https://editor.datatables.net/examples/datatables/select.html

Thanks!
-Tim.

Now I can't seem to find a way to login because there is only a help link in the upper right.