JSFiddle - React, Tailwind, and code Playground

HTML

</div>
    </fieldset>
    <fieldset class="collapsible collapsed">
      <legend onclick="toggleFieldset(this);">Опции</legend>
      <div style="display: none;">
        <table>
          <tr>
            <td>Столбцы</td>
            <td><table class="query-columns">
  <tr>
    <td style="padding-left:0">
      <label for="available_columns">Available Columns</label>
      <br />
      <select id="available_columns" multiple="multiple" name="available_columns[]" ondblclick="moveOptions(this.form.available_columns, this.form.selected_columns);" size="10" style="width:150px"><option value="tracker">Трекер</option>
<option value="parent">Родительская задача</option>
<option value="status">Статус</option>
<option value="priority">Приоритет</option>
<option value="updated_on">Обновлено</option>
<option value="category">Категория</option>
<option value="fixed_version">Версия</option>
<option value="start_date">Начата</option>
<option value="due_date">Дата выполнения</option>
<option value="estimated_hours">Оценка времени</option>
<option value="spent_hours">Затраченное время</option>
<option value="created_on">Создано</option>
<option value="cf_11">Период</option>
<option value="cf_12">Начать</option></select>
    </td>
    <td class="buttons">
      <input type="button" value="&#8594;"
       onclick="moveOptions(this.form.available_columns, this.form.selected_columns);" /><br />
      <input type="button" value="&#8592;"
       onclick="moveOptions(this.form.selected_columns, this.form.available_columns);" />
    </td>
    <td>
      <label for="selected_columns">Selected Columns</label>
      <br />
      <select id="selected_columns" multiple="multiple" name="c[]" ondblclick="moveOptions(this.form.selected_columns, this.form.available_columns);" size="10" style="width:150px"><option value="cf_10">Время д.</option>
<option value="assigned_to">Назначена</option>
<option value="subject">Тема</option>
<option value="done_ratio">Готовность</option>
<option...