javascript - 指定每个表的不同样式

Question

我正在根据数据库中的某些字段生成表格，我需要为每个表格指定不同的样式。如何为每个表指定不同的样式。

这是我的代码

<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 %>')">Add&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

依此类推，我可以为每个表编写单独的样式

Answer 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 %>">