JSFiddle - React, Tailwind, and code Playground

by Orik3ll0

JavaScript

var table = $('#table_name').DataTable({
  destroy: true,
  "Processing": true,
  "ajax": {
    "url": url,
    "dataSrc": "",
    "type": "POST",
    "data": {
      "action": "my_action",
      "table_name": 'my_table',
      "permission": permission
    },
  },
  "deferRender": true,
  "columns": [{
      "data": null
    },
    {
      "data": "column1"
    },
    {
      "data": "column2"
    },
    {
      "data": "column3"
    },
    {
      "data": "column4"
    },
    {
      "data": "column5"
    },
    {
      "data": "column6"
    },
    {
      "data": null
    },

  ],
  columnDefs: [{
      "searchable": false,
      "orderable": false,
      "targets": 0
    },
    {
      targets: [5],
      render: function(data, type, row) {
        if (row.column5 == 0) return 'something';
        else if (row.column5 == 1) return 'something else';
      }
    },
    {
      targets: [6],
      render: function(data, type, row) {
        if (row.column6 == 0) return 'Passiv';
        else if (row.column6 == 1) return 'Aktiv';
      }
    },
    {
      targets: [7],
      render: function(data, type, row) {
        if (permission == 1 || permission == 2) {
          var button_start = "<div class=\"btn-group dropup\" width=\"100%\" align=\"center\"><button type=\"button\" class=\"btn btn-default dropdown-toggle btn-for-action\" data-toggle=\"dropdown\" aria-expanded=\"false\"><span class=\"caret\"></span><span class=\"sr-only\">Toggle Dropdown</span></button><ul class=\"dropdown-menu \"  role=\"menu\"><li><a href='?action=my_action&id=" + row.id + "' target='_blank'>More</a></li>";

          if (row.column4 == 0 && permission == 2 && row.column6 == 1) {

            var button_mid = button_start.concat("<li><a href='#' onclick='my_function(" + row.id + ")'>Addon</a></li>");
            var button_end = button_mid.concat("<ul><div>");

          } else {
            var button_end = button_start.concat("<ul><div>");
          }

          return button_end;
  ...