Priority support — DataTables forums

Can I add an if-construction while rendering?

arie0512 — Thu, 20 Nov 2025 14:46:34 +0000

I see some options for adding an If construction while rendering, see https://datatables.net/manual/data/renderers

But I can't figured it out how to add this one. I have now this render:

columns: [                
    { data: null, render: (data) => data.client.gender + ' ' + data.client.firstname + ' ' + data.client.lastname
    }
]

If the records hold this data:
Gender Firstname Lastname
M John Doe

Than I would like to have in the column Mister John Doe.

How to add the if-contruction into the render?

I have try to add ... => if (data.client.gender === 'M') { return Mister } but I get an error for using 'if'

Any idea how to achieve this?

Best regards,

Arie

How to get Node editor to not INSERT but still run UPDATE on left table?

YOM — Fri, 16 May 2025 21:33:35 +0000

Version: "datatables.net-editor-server": "^2.0.8"

Short problem description: My editor instance handles the initial create POST request well, but subsequent updates to the LEFT JOIN table are not executed in the DB.

Full context below

Hi, I have the following relevant field configs

{
 "supply.inventory_id": {
    set: false,
  },
  "inventory.inventory_id": {
    set: false,
  },
  "inventory.prod_list_type": {
    formatter: (val, _) => trimStringSetEmptyToNull(val),
  },
  "inventory.inventory_shelf": {
    formatter: (val, _) => trimStringSetEmptyToNull(val),
  }
}

Here is the editor instance (shortened to only show relevant tables)

const editor = new Editor(db, "supply", "upc")
.leftJoin("inventory", "supply.inventory_id", "=", "inventory.inventory_id");

I am handling the insertion into the inventory table with the postCreate event on the editor. I have to do this because otherwise there's no way to retrieve the inventory_id after creation and update the supply row with it.

Currently the create form works as expected. However, probably because the inventory_id fields are using "set: false" any updates to the inventory.inventory_shelf field have no effect. If I remove the set: false the updates will work, but the editor will try creating rows on the inventory table from create form submissions.

How can I fix this? I'd like to handle the left join table insertion logic myself while still having the ability to edit fields in the left joined table normally.

Attempted solution:

I've tried using the set type option on one or both inventory_id fields to no avail

  "inventory.inventory_id": {
    setType: Field.SetType.EDIT,
  },

when I enable this option, for some reason the editor tries to insert into the inventory table during the create event

How to view underlying SQL string for NodeJS editor?

YOM — Wed, 03 Apr 2024 18:42:12 +0000

Hi, I'm having a hard time finding how to view the entire SQL query string from the Editor instance in my NodeJS app. I'm wanting to see it for some DB performance info

let editor = getEditorInstance(db, eventBody.columns, colConfig);

editor.debug(true);

For some reason, this code isn't outputting anything to the console on my server. Is this not the right way to do this?

How to access Field Options on frontend?

YOM — Mon, 11 Mar 2024 18:50:26 +0000

Hi, I'm defining the following field options in my NodeJS server within an Mjoin.

    .join(
      new Mjoin("media_types")
        .link("skus.yom_sku", "product_media_types.product_id")
        .link("media_types.id", "product_media_types.media_type_id")
        .order("name asc")
        .fields(
          new Field("id").options(
            new Options().table("media_types").value("id").label("name")
          ),

          new Field("name")
        )
    )

How can I access these options on the frontend to manually populate my own select element?

I'm aware datatables will do this automatically but I'm requiring a custom solution (using a view for displaying the column value) as mjoins don't support column searching.

Please let me know!

Mjoin hidden select field is sending null when other fields are edited

YOM — Mon, 11 Mar 2024 22:04:35 +0000

Hi, I'm having a strange issue with a hidden Mjoin field called "media_types". When other fields in the row are edited the value is emptied.

The editor is sending a request with an empty array for the field:

{"data":{"row_2815":{"product":{"title":"Chronicles Of Narnia DVD: Voyage The Dawn Treader","fba_latest_shipment_quantity_timestamp":null},"media_types":[],"media_types-many-count":0}},"action":"edit"}

Here is the column and editor field configuration

{
    name: "media_types[].id",
    label:
      'Media Types',
    data: "media_types",
    excludeFromGeneralSearch: true,
    type: "select",
    multiple: true,
    visible: false, // using view column below for display
  },

Is there a way to resolve this issue? Please let me know if you need more information, I'm assuming I'm just missing a configuration option for the field. My editor.inline.submit is set to the default "changed" value.

Static backdrop

PF_Foraz — Thu, 19 Oct 2023 15:51:48 +0000

Hello,
Is there an option to avoid closing the Editor Dialog when clicking outside?
Thanks
Pierre

How to server side ORDER BY with datatables.net-editor-server?

YOM — Thu, 17 Aug 2023 22:46:44 +0000

Hi there, I'm using the datatables.net-editor-server and am perplexed on how to add an order by clause to the Editor instance. It doesn't seem to be possible in the docs but I have a hard time thinking that wouldn't be a feature.

Is there a way to do this using the library, or some sort of work around? I'm not interested in a front end based solution- I'm building out a way to add custom sorts to certain columns for this use case and future use cases and would prefer to keep that logic on the server side.

I of course have access to the column being ordered and the order direction but I'm stuck on how to add my own custom ORDER BY clauses to the Editor

Negative search/filter capability?

lisarush — Mon, 14 Aug 2023 12:52:55 +0000

Is there a way to do a negative search within the Filter box at the top of a table?
For example, with Gmail, you can enter foo to search for all emails that contain foo. Or you can enter -foo to search for all emails that do NOT contain foo. We do use the "smart search" capability, so we'd want to keep that (i.e. not using regular expressions).

This is something that I've wanted for a long time. I've seen a couple posts somewhat related, but they talk about using fnFilter in the legacy version of dataTables.

Node JS Not Equals Where Condition Doesn't Work

YOM — Mon, 31 Oct 2022 22:02:15 +0000

Version: "datatables.net-editor-server": "^2.0.10"

I've got a pretty basic where condition I'm trying to use.

new Editor(db, "amazon_order", "id")
      .where("upc", "<>", null)
      .fields(...)

This isn't working. Doesn't matter which not equals operator I use ("!=" or "<>") or which variation of the where syntax I use

How can I add a where condition to filter out null UPCs?

How to modify a column search when displaying cents as dollars? (USD)

YOM — Wed, 19 Oct 2022 16:33:51 +0000

Hey there,

Recently our team has been storing currency in cents in our database. This means when our users are searching through some of our datatable columns, they have to use cents to find the value they want in a column even though it's displayed in dollars using the render function. This is pretty counter intuitive for users.

Is there a way to override a specific column's search value in the datatables API? If not it doesn't seem that hard to do manually but utilizing the API is always preferred first

Clearing column searches for all but one column

YOM — Fri, 26 Aug 2022 02:41:06 +0000

Hey there,

I'm trying to clear the search value for all columns except for one.

// Clearing column searches in datatables API (Control)
dt.columns(function (idx, data, node) {
  const col = columns[idx];
  return col.data !== "column_name"; // Clear all but column_name
})
  .search("")
  .draw();

This doesn't appear to be working as expected. Any help is appreciated, thank you!

Datatable sort with image data not working (server-side).

YOM — Thu, 30 Jun 2022 15:44:26 +0000

Description of problem:
The data has a image and a number associated with it. I want the column to be able to sort but its not happening. I tried some examples from the documentation it is not working. The data in the cell is in the form of " number"

Screenshot of output:

How can I access the row inside the ajax url?

ak47 — Sat, 18 Jun 2022 16:43:20 +0000

I'm trying to convert these calls to work against my rest API without an intermediary function on the server. So in order to construct a REST url for, say, an edit operation against a listing, I need to do a PUT request against:

/listings/12345

Where 12345 is the identifier for the listing, and I have that as DT_Rowid for the row that is being edited. What I don't know how to do is append that identifier to the url.

  editor = new ($.fn.dataTable.Editor)(
    ajax: {
      url: "listings/" + ?
      method: 'PUT'
      data: (d) -> {
        model_name: 'listings;
      }
      }
    table: '#listings_table'
    fields: [...

Checkbox events in editor popup modal

PF_Foraz — Thu, 09 Jun 2022 13:58:03 +0000

Hello

I try to catch events of a checkbox in the popup modal of Editor (bootstrap). Using F12, I can see the id but the following is not working.
$('#DTE_Field_Name_Enabled_0').on('click', function () {
alert('xx');
});

The checkbox field is defined like this
{
label: currentCulture == 'de-CH' ? "Actif" : "Active",
name: "Enabled",
type: "checkbox",
separator: "|",
options: [
{ label: '', value: 1 }
],
unselectedValue: 0
}

Could you please tell me what's wrong or how to catch this event?
Thanks
Pierre

How to dynamically disable a field (inline/edit form) based on value

YOM — Tue, 07 Jun 2022 21:52:38 +0000

Hey there,

I have a requirement to disable editing a field depending on the value in it. (e.g; if the media type is an empty string, it is editable)

I attempted to use this disable function example from another post but it doesn't actually get called (perhaps it just alters behavior when disabling the field)

 {
    data: "media_type",
    disable: function (conf) {
      console.log("I was called"); // doesn't log when interacting with/loading field
      if (!isMediaTypeEditable($(conf._input)[0])) return;
      conf._enabled = false;
      $(conf._input).addClass("disabled");
    },
    title: 'Media Type'
  }

There is a pure javascript solution for checking the input and manually disabling/enabling easily but I like to use the datatables API where I can to keep stuff clean. Any ideas if this behavior is supported?

map_table.rows is not a function

ak47 — Wed, 01 Jun 2022 08:31:33 +0000

$("body").on 'click', "#map_button", ->
    console.log $('[id$=listings_map_table]')
    map_table = $('[id$=listings_map_table]').DataTable
    console.log map_table
    map_table.rows().every ->

The error is: Uncaught TypeError: map_table.rows is not a function

This is a page where the DataTable is created and drawn after the page is rendered based on user action. The table looks fine, and in my console I can see the object if I just spit the object to the console.

If I try to do an entire initialization, it tells me it can't reinitialize the table. But if I just do like the above, I get the ".rows is not a function" error.

What am I missing here?

How to pre-populate edit form with only some fields?

YOM — Wed, 04 May 2022 20:57:31 +0000

Hey there,

Datatables has this handy example for creating duplicate rows.

For my use case, I need almost this exact logic except I need some of the fields to be programmatically cleared/emptied in the form so the user can fill them with different data.

I've tried the following solution:

const cleanDuplicateRow = (editor, dt) => {
  return editor
    .edit(dt.rows({ selected: true }).nodes(), false)
    .val(cleanedFields); // cleanedFields is an object of key:value pairs for fields:values
};

const cleanedRow = cleanDuplicateRow(editor, dt);

editor
  .edit(cleanedRow, {
    title: "Duplicate record",
    buttons: "Create from existing",
  })
  .mode("create");

But it appears that the .edit().val() chain doesn't return the type of object that editor.edit() is looking for- and it doesn't appear to return an object that I can call .indexes() or .nodes() on either. I'm sure the solution is pretty simple but I'm not familiar enough with datatables API to figure it out.

Let me know how I can accomplish this

Is there a way to have different values for pagingType when using multiple paging controls?

mgalgs — Mon, 02 May 2022 18:19:58 +0000

I'm using multiple paging controls (p) on my DataTable (one above the table, one below). Is there a way to specify a different pagingType">pagingType for each set of controls? I'd like to use simple on the top and full_numbers on the bottom, since I have more space for the page numbers on the bottom.

How to handle column data type in serverSide processing flow?

YOM — Wed, 09 Mar 2022 18:46:50 +0000

I have a column in my table that seems to flip from string to number when running an edit. If I edit a single row the column value gets sent to the server as a string, if I edit multiple rows the column value is sent as a number for each row.

I want to be able to make this more consistent and only send numbers because that's how it's stored in our database. I didn't have much luck with getFormatter or setFormatter. Here is an example of what I'm trying to do:

 new Field("some_table.numeric_column")
.getFormatter((val, _) => parseInt(val, 10))
.validator((val, data, _) => isColumnNumeric(data))

isColumnNumeric is wanting the column (that is inside of the row/data object) to be a number- not a string.

P.S: Try not to focus too much on the utility of the isColumnNumeric function, it's just an example of a validator that wants the column to be a number, it isn't our actual implementation

update table inculding foortCallback

MadMax76 — Thu, 03 Mar 2022 11:21:18 +0000

Hi,

I am updating my table with $('#example').DataTable().ajax.reload(). This works for all rows, but not the footer that comes with a FooterCallback.

here is the code fo the table:

´´´
var editor_pos;
$(document).ready(function() {
editor_pos = new $.fn.dataTable.Editor( {
ajax: "../../../../../../DataTables/Editor/controllersKontura/positionen_St_INP_ofb.php",
table: "#liste_positionen",
fields: [
{ label: "INP ID", name: "INP_ID", default: "INP_ID", type: "hidden", attr: {type: 'number'}},
{ label: "Stapelname", name: "Stapelname", default: "Stapelname", type: "hidden"},
{ label: "PosNummer - muss eindeutig sein", name: "SUB_ID", attr: {type: 'number'}},
{ label: "Positiontext", name: "Positiontext"},
{ label: "Konto", name: "POS_Konto", type: 'select2', onFocus: 'focus',
"opts": {"allowClear": true, "placeholder": "(nicht definiert)"},
attr: {type: 'number'}},
{ label: "Netto", name: "Nettoposition" , default: 0 },
{ label: "Steuercode", name: "POS_Steuercode", default: "2", type: 'select2', onFocus: 'focus',
"opts": {"allowClear": true, "placeholder": "(nicht definiert)"},
attr: {type: 'number'}},
{ label: "Steuerbetrag", name: "Pos_MwSt_Betrag", default: 0 , attr: {type: 'number'}},
{ label: "MWSt %", name: "MWSt", type: "radio", options: [ 0, 5, 10, 12, 13, 20], default: "20", attr: {type: 'number'}},
],
} );
$('#liste_positionen').on('click', 'tbody td:not(:first-child, :last-child)', function() {
editor_pos.one('open', () => {
$('input', this).focus();
});
editor_pos.inline(table.cells(this.parentNode, '').nodes(), {
submitTrigger: -1,
submitHtml: '

Priority support — DataTables forums

Can I add an if-construction while rendering?

How to get Node editor to not INSERT but still run UPDATE on left table?

How to view underlying SQL string for NodeJS editor?

How to access Field Options on frontend?

Mjoin hidden select field is sending null when other fields are edited

Static backdrop

How to server side ORDER BY with datatables.net-editor-server?

Negative search/filter capability?

Node JS Not Equals Where Condition Doesn't Work

How to modify a column search when displaying cents as dollars? (USD)

Clearing column searches for all but one column

Datatable sort with image data not working (server-side).

How can I access the row inside the ajax url?

Checkbox events in editor popup modal

How to dynamically disable a field (inline/edit form) based on value

map_table.rows is not a function

How to pre-populate edit form with only some fields?

Is there a way to have different values for pagingType when using multiple paging controls?

How to handle column data type in serverSide processing flow?

update table inculding foortCallback

How to edit rows from a filtered API instance

using datatables in a popup - editors show only in the background and do not work

state save with filters - how to repopulate

where function does not work

No parameter return to the server

inline button for new row

user defined button

copy tables and change selected values

layout question

Displaying 'No data available in table' and when clicking filters, table clears data.