JSFiddle - React, Tailwind, and code Playground

by Evgenii Malikov

HTML

<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/fixedcolumns/3.2.6/js/dataTables.fixedColumns.min.js"></script>
<link rel="stylesheet" href="//cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
<table id="tableid" class="stripe row-border order-column" style="width:100%"></table

CSS

th,
td {
  white-space: nowrap;
}
body{ direction: rtl; }
div.dataTables_wrapper {
  direction: rtl;
}

div.dataTables_wrapper {
  width: 1000px;
  margin: 0 auto;
  font-family: Vazir;
  font-size: 10px;
}

th {
  background-color: #99a;
  min-width: 80px;
  height: 32px;
  border: 1px solid #222;
  white-space: nowrap;
}

td {
  background-color: #bbc;
  min-width: 80px;
  height: 32px;
  border: 1px solid #222;
  white-space: nowrap;
  text-align: center;
}

.DTFC_LeftBodyLiner{
  padding-right: 0px !important;
  padding-left: 20px !important;
}

JavaScript

var data = {
        "data": [
            [ 3210271,673129,252531,197250,348527,159770,89750,53308,31142,18754,21792,811,8 ],
            [ 1936110,418871,172993,141326,251601,120086,68729,40272,24156,14410,16930,666,8 ],
            [ 1232201,287327,104447,76987,126538,57352,34768,20643,12527,6565,7986,603,2 ],
            [ 91285147,29893077,19851278,20473281,39739924,20675512,12277909,7862847,5553839,4145809,7613297,535395,5525 ],
            [ 1537332,274879,124962,125539,213214,84957,44687,26943,16611,9966,13439,630,0 ],
            [ 358626,71331,32732,22906,40129,19210,9249,5674,3519,2292,3232,106,0 ],
            [ 1675353,271298,129781,98478,180793,83005,42097,27232,15468,9100,15245,845,6 ],
            [ 33146125,7031136,3705331,3770324,7615527,3704625,2067811,1223207,775681,484900,715392,40629,370 ],
            [ 10114532,2547576,1311153,1189348,2126075,984698,513783,270523,167000,102168,123990,5249,34 ],
            [ 647184,243407,98961,106115,216883,126466,79356,49655,32100,22789,33819,2191,31 ],
            [ 3718167,1135349,574159,564233,1180285,631735,374956,225534,139817,90214,131442,9565,85 ],
            [ 458079,118643,54474,53997,98115,52756,31360,18850,11155,7137,7430,306,4 ],
            [ 3598870,911586,495786,489363,898446,426852,241209,153122,98075,63418,107250,6339,64 ],
            [ 975752,182256,68648,52185,81188,34227,18047,9792,5979,4086,5151,187,3 ],
            [ 473635,115314,55968,48677,90205,37930,20607,10611,6097,3428,4640,149,2 ],
            [ 728005,139922,55509,49060,73985,27021,15871,8043,5345,3370,5764,366,8 ],
            [ 17380497,3056208,1309658,969364,1628626,718281,384111,228018,146994,88936,128982,6961,59 ],
            [ 2186923,417813,147624,102680,142172,55508,27476,14784,8259,4930,6329,404,2 ],
            [ 4475208,961650,407230,363028,681828,307215,156298,73777,47461,27021,34988,1719,17 ],
            [ 1233987,299713,140473,138364,299795,167142,101497,63636,39511,24896,35225,1879,27 ],
            [...