Могу ли я отображать строки таблицы данных в виде столбцов в Rails - PullRequest
0 голосов
/ 10 июля 2019

Я хотел бы предложить несколько советов о том, как отобразить 3 записи в одной строке в рельсах.

В примере, скажем, у меня есть около 100 данных, и я хочу отобразить 3 записи в строке, как в виде сетки начальной загрузки.Кроме того, поскольку данные огромны, я хочу перечислить первые 6 и иметь нумерацию страниц для следующих 6 наборов данных.

Я пробовал это с рельсами с данными, и я получаю значения как

Name: Person 1
Title: Title 1
Location: Location 1

Name: Person 2
Title: Title 2
Location: Location 2

Name: Person 3
Title: Title 3
Location: Location 3

Name: Person 4
Title: Title 4
Location: Location 4

Ожидаетсятакой результат:

Name: Person 1          Name: Person 2            Name: Person 3
Title: Title 1          Title: Title 2            Title: Title 3
Location: Location 1    Location: Location 2      Location: Location 3

Name: Person 4
Title: Title 4
Location: Location 4

Можно ли как-нибудь изменить таблицу данных, чтобы она отображалась в виде столбцов или любых других плагинов, которые помогут мне в Ruby on Rails?

Код:

<div role="tabpanel" class="tab-pane active" id="persons">
  <table class="table table-sm table-hover action-icons" id="person-list" data-source="/users_list/user_listing.json" style='width: 100%;'>
    <thead class="ans-txt">
      <tr>
        <th class="p-2">ID</th>
        <th class="p-2">Details</th>
      </tr>
    </thead>
    <tbody>
    </tbody>
  </table>
</div>

JS:

var person_list = $('#person-list').dataTable({
  "retrieve": true,
  "bLengthChange": false,
  "processing": true,
  "serverSide": true,
  "oLanguage": {
    "sEmptyTable": emptyRowContent
  },      
  "searching": false,
  "ajax": {
    "url": $('#person-list').data('source'),
    "data": function ( d ) {
      d.person_id = personId;
      d.tab_status = "new list";
    }
  },
  "pagingType": "full_numbers",
  "columns": [
    {"data": 'person_details'}
  ],
  "fnDrawCallback": actionForPersonList
});

Снимок экрана: https://i.stack.imgur.com/9BdqK.png

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...