Вставка столбцов выбора блока из базы данных

Question

Извлечение таблицы из базы данных.Нет проблем с этим.Но два столбца этой таблицы, я хочу получить те, с помощью окна выбора.

Я пытался так.Но все равно вижу две отдельные колонки.Вот оно:

Мои столбцы: https://imgur.com/a/nR5ML7w

Мой взгляд: https://imgur.com/a/9VOmkOB

также jquery: https://imgur.com/a/Wq6hNLC

Answer 1

Вы должны добавить свои два столбца в представление и переключать их с помощью js, в противном случае вам придется каждый раз получать все это через ajax.Вот решение jQuery.

$(function() {
  $('.pricetag').on('change', function() {
    // Sync select values on toggle  
    $('.pricetag').val($(this).val())
    // Swap hidden columns
    $('tr td:nth-of-type(2), tr td:nth-of-type(3), th:nth-of-type(2), th:nth-of-type(3)').toggleClass('price-hidden')
  })
});

.price-hidden {
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <thead>
    <th>Name</th>
    <th>
      <select name="price" class="pricetag">
        <option value="price">price</option>
        <option value="old">old price</option>
      </select>
    </th>
    <th class="price-hidden">
      <select name="price" class="pricetag">
        <option value="price">price</option>
        <option value="old">old price</option>
      </select>
    </th>
  </thead>
  <tbody>
    <tr>
      <td>Name 1</td>
      <td class="price-hidden">Old price</td>
      <td>New price</td>
    </tr>
    <tr>
      <td>Name 1</td>
      <td class="price-hidden">Old price</td>
      <td>New price</td>
    </tr>
  </tbody>
</table>

Answer 2

• Получить все столбцы из базы данных и выполнить кодирование в вашем представлении, чтобы показать все столбцы
• Используя JQuery, установите значение в раскрывающемся списке в заголовке и скройте связанный столбец при загрузке страницы
• Создайте функцию JQuery для отображения / скрытия столбцов таблицы в раскрывающемся списке. Выберите

Дайте мне знать, если вы понимаете или нуждаетесь в образце кода.