JSFiddle - React, Tailwind, and code Playground

by Sergey khorev

HTML

<div class="row">
      <div class="col s12">
        <div class="container content-mobile">
          <!-- Верхняя панель -->
          <div class="header">
            <h4>Начисление зарплаты сотрудников</h4>
            <div class="btn-group flex_box"></div>
          </div>
          <div class="content content-mobile">
            <div class="col s12">
              <div class="input-field col s12 m4">
                <select id="employeeSelect_user">
                </select>
                <label>👨‍💼 Выбор сотрудника</label>
              </div>
              <div class="input-field col s6 m4">
                <input id="table_date_from" type="date" class="validate" />
                <label for="date_from" class="">Дата от</label>
              </div>
              <div class="input-field col s6 m4">
                <input id="table_date_to" type="date" class="validate" />
                <label for="date_to">Дата до</label>
              </div>
        

              <!-- Детали сотрудника -->
              <div>
              <p><b id="employee-id"></b></p> 
              <table id="employee-stat-table">
                  <tr>
                      <th>Дата</th>
                      <th>Ордер</th>
                      <th>Стоимость доставки</th>
                      <th>Вознаграждение</th>
                  </tr>

              </table>
              </div>



















              
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- Подключение foter.html -->
    {% include 'static/foter.html' %}
    <script type="text/javascript" src="{{ url_for('static', filename='js/api.js') }}"></script>
    <script type="text/javascript" src="{{ url_for('static', filename='js/money.js') }}"></script>
  </body>
</html>