JSFiddle - React, Tailwind, and code Playground

by Eldar

JavaScript

$(document).ready(function () {
    let language = document.documentElement.lang;

    const url = [];
    const basePath = window.location.origin;
    var roles = function () {
        var role = null;
        $.ajax({
            async: false,
            url: "/static/roles",
            type: 'GET',
            success: function (data) {
                role = data;
            },
        });
        return role;
    }();

    if (language === 'az') {
        url.push('/plugins/datatables/i18n/az_AZ.json');
    } else if (language === 'ru') {
        url.push('/plugins/datatables/i18n/ru_RU.json');
    }

    const emp = $('#countable')
        .DataTable({
            order: [],
            'columnDefs': [{
                'targets': [0, 1, 19],
                'orderable': false,
            }],
            "processing": true,
            "serverSide": true,
            ajax: {
                url: basePath + '/' + document.getElementById("countable").getAttribute("data-url"),
                dataSrc: '',
            },
            columns: [
                {
                    orderable: false,
                    data: null,
                    defaultContent: ''
                },
                {
                    orderable: false,
                    data: null,
                    defaultContent: ''
                },
                {data: 'customer.name'},
                {data: 'departure_from'},
                {data: 'arrival_to'},
                {data: 'departure_date', defaultContent: '–'},
                {
                    data: 'shipping_cost',
                    defaultContent: '–',
                    "render": function (data) {
                        if (roles === 'admin') {
                            if (data) {
                                return '$ ' + data;
                            } else {
                                return 0;
                            }

                        } else {
                      ...