JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="//cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css">
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="//cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
<div id="wrapper">

  <div class="row">
    <div class="col-lg-12">

    </div>
    <!-- /.col-lg-12 -->
  </div>
  <!-- /.row -->

  <!-- /.row -->



  <div class="row">




    <div class="col-lg-12">

      <!-- /.panel -->
      <div class="panel panel-default">
        <div class="panel-heading">
          <form class="left-panel-head-menu" action="excel.php" method="POST">
            <input type="hidden" name="lpid" value="30">
            <input type="hidden" name="uniqe_key" value="4057d15fed67cac">
          </form>

          
        </div>
        <!-- /.panel-heading -->
        <div class="panel-body">
          <div class="row">
            <div class="col-lg-12">
              <div class="table-responsive">
                <form id="leadTableForm" method="POST" action="leadTable.php">
                  <table name="data" id="leadtable" class="table table-bordered table-hover table-striped">
                    <thead>
                      <tr>
                        <th class="ten-percents">date</th>
                        <th class="ten-percents">name</th>
                        <th class="ten-percents">rand</th>
                        <th class="ten-percents">source</th>
                        <th class="ten-percents">fff</th>
                        <th class="ten-percents">yyy</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr id="654" class="edit_tr">
                        <td><span id="del_654" class="text">14/02/2017</span>
                          <div class="LeadUpdateClass textarea editbox remove-text-attr" rows="2"...

CSS

* {
  direction: rtl;
}

JavaScript

$('#leadtable').dataTable({
                  language: {
                    url: '//cdn.datatables.net/plug-ins/1.10.12/i18n/Hebrew.json'
                  },

                  columnDefs: [{
                      type: 'de_datetime',
                      targets: 0
                    }

                  ]
                });