Укажите различный стиль каждой таблицы

#javascript #ruby-on-rails #css

#javascript #ruby-on-rails #css

Вопрос:

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

Это мой код

 <table width="100%">
  <% @content_data['personnel_cv_data_types'].each do |personnel_cv_data_type| %>
 <tr width="100%">
 <td>
  <fieldset>
  <legend>
    <table style="font-size:13px;"width="100%" class="personnel_cvdata_view_table_first_row">
      <tr>
        <td>
          <%= @content_data['lable_title_' personnel_cv_data_type] %>
        </td>
        <td>
          <a onClick="add_new_entry('<%= personnel_cv_data_type %>')">Addamp;nbsp;<%= @content_data['lable_add_' personnel_cv_data_type] %></a>
        </td>
      </tr>
    </table>
  </legend>
 

Здесь каждая таблица использует тот же стиль, что и personnel_cvdata_view_table_first_row, как можно создавать таблицы с другим классом стилей, например

   class="personnel_cvdata_view_table_first_row_1"
  class=""ersonnel_cvdata_view_table_first_row_2
 

и так далее, и я могу написать отдельный стиль для каждой таблицы

Комментарии:

1. Вы хотите чередующиеся классы / ‘zebra’? Или просто присвоенные им уникальные номера? Или идентификаторы записей? Пожалуйста, уточните.

2. Извините, альтернативы нет, мне нужен разный стиль для каждой таблицы, потому что поля формы db имеют разную длину (имя, квалификация образования, опыт работы), поэтому я хочу упорядочить их в хорошем формате.

Ответ №1:

Что-то вроде этого, похоже, соответствует вашим потребностям:

 <% @content_data['personnel_cv_data_types'].each_with_index do |personnel_cv_data_type, index| %>
...
<table style="font-size:13px;"width="100%" class="personnel_cvdata_view_table_first_row_<%= index   1 %>">
 

Комментарии:

1. Вы, ребята, потрясающие… Спасибо. Я дал пометку другим парням, у которых у него не очень хорошая репутация. извините!

2. Мне нравится распределение точек. Голосую за apneadiving за а) классное имя и б) хороший спорт.

Ответ №2:

Вместо

 <% @content_data['personnel_cv_data_types'].each do |personnel_cv_data_type| %>
 

Используйте

 <% @content_data['personnel_cv_data_types'].each.with_index do |personnel_cv_data_type, counter| %>
 

И тогда вы можете создавать свои таблицы следующим образом

 <table style="font-size:13px;"width="100%" class="personnel_cvdata_view_table_first_row_<%= counter %>">
 

Ответ №3:

Вы можете добавить класс на основе некоторого уникального идентификатора, возможно, даже самой строки personnel_cv_data_type, если она уникальна.

 <table style="font-size:13px;"width="100%" class="#{personnel_cv_data_type}">
  <tr>
    <td>
      <%= @content_data['lable_title_' personnel_cv_data_type] %>
    </td>
    <td>
      <a onClick="add_new_entry('<%= personnel_cv_data_type %>')">Addamp;nbsp;<%= @content_data['lable_add_' personnel_cv_data_type] %></a>
    </td>
  </tr>
</table>
 

Я не знаю конкретно, что вы хотите изменить в каждом стиле, но если список определен, вы можете настроить стили для каждого из вышеуказанных типов.