如何更改 Django 表格行的颜色？

Question

是否可以根据当前对象的值更改行的颜色？

就我而言，我有一个table从模型创建的Job。该Job具有的属性delivery。job.delivery例如，如果是“已交付”，我想将行的颜色更改为红色。

我想到的唯一一件事就是使用，JQuery但我不确定这是否是一种矫枉过正。

class MyOrdersTable(tables.Table):
    edit_entries = tables.TemplateColumn(
            '{% if not record.translator %}<a href="/jobs/update/{{record.id}}">Edit Order</a>{% else %} Can\'t edit order, translator has been assigned. {% endif %}')
    price = tables.Column(default='Not Yet',verbose_name='Price')
    translator = tables.Column(default='Not Yet',verbose_name='Translator')
    progress = tables.TemplateColumn('{{record.delivery.get_status_display}}',verbose_name='Progress')

    class Meta:
        model = Job
        attrs = {'class': 'table table-striped table-bordered table-hover', 'width': '70%'}
        fields = (
            'translator', 'short_description', 'language_from', 'language_to', 'level', 'created', 'modified', 'price',
            'progress','edit_entries')
        empty_text = """You haven't order a translation yet. Can we help you?"""

Answer 1

是的，从 django-tables2 v1.2.0 开始，您可以使用行属性：

class MyOrdersTable(tables.Table):
    # [...]
    class Meta:
        model = Jub
        row_attrs = {
            'data-delivery': lambda record: record.delivery
        }

这将呈现如下行：

<tr [...] data-delivery="delivered"><td>....</tr>
<tr [...] data-delivery="peding"><td>....</tr>

您可以使用 data 属性通过一些 CSS 来定位行：

tr[data-delivery='deliverd'] {
    background-color: #f2dede;
}