样式表行根据数据字段值

Question

我在ejs文件中有一个表，其中包含来自后端api的数据：

<table style="margin-top: 15px" id="importerTable"
                                   class="span11 mdl-data-table mdl-js-data-table mdl-data-table--selectable mdl-shadow--2dp">
                                <thead>
                                <tr>

                                    <th>MLS ID</th>

                                    <th>Alquiler/Venta</th>
                                    <th></th>
                                </tr>
                                </thead>
                                <tbody>
                                <% properties.forEach(function (p) { %>
                                    <tr style ="<%= p.imported != null ?  'background-color: green' : '' %>" >

                                        <td ><%= p.mlsid %></td>
                                        <td ><%= p.transactionType == 1 ? 'Alquiler':  p.transactionType == 2 ? 'Venta' : 'Alquiler Temporario' %></td>

                                        <td>
                                            <button class="mdl-button mdl-js-button mdl-button--icon"
                                                    onclick="showPopup(<%= p.id %>)">
                                                <i class="material-icons">remove_red_eyes</i>
                                            </button>
                                        </td>
                                    </tr>
                                <% }) %>
                                </tbody>
                            </table>

我需要根据p.imported的值格式化每一行。我已经为导入值与null不同的行设置了背景颜色，但它将此属性设置为整个表行。这就是我得到的：

Answer 1

我设置错误并改变了它   <tr style ="<%= p.imported ? 'background-color: green' : '' %>" >  所以我得到了这个：