I would like to create a table with django-tables2 such that different rows have different properties.
By default I get either
<tr class="odd">
or
<tr class="even">
How can I specify my own class for some of the rows?
Similarly, if I have a CheckBoxColumn and I specify some data for this column, it goes into the value:
<input type="checkbox" name="col" value="123"/>
This is great for figuring out which checkbox was checked. However, how can I set some checkboxes as checked when the table is created?
My scenario: the user picks some rows from a large table. For example, the table has
- orange 1
- orange 2
- apple 5
- orange 3
- apple 4
- cucumber 7
- aaple 1
The user picks aaple 5 and cucumber 7.
Then I would like to display all apples and all cucumbers, since the user picked at least one apple and at least one cucumber. This allows the user to see other relevant entries:
- apple 5
- apple 4
- cucumber 7
However, I would like to highlight the entries actually picked by the user by using css and/or by displaying a checked checkbox:
- apple 5
- apple 4
- cucumber 7
I actually couldn't get the accepted answer to work for this, perhaps the latest version of django_tables2 is different. Here is my solution, which doesn't require modifying the
tables.html
template and is based on the documentation.First define
row_attrs
as part of the class MetaYou can then define a function outside the scope of
MyTable
to work out your row attributes depending on the values in the individual rowrecord
I would rather keep all this functionality within the class, but this seemed the best way to do it to avoid modifying anything else.
I have a very easy workaround for this
Then instead of creating a complete custom HTML page for custom rendering, you could just use jQuery to actually highlight the row.
If you don't have a class "highlight" defined, you can define it as:
Well, let me post my own solution.
I have copied the standard template table.html and edited it. I only changed one line:
instead of
This way you can set a different class for each row in the table. It remains to add an invisible column to your table class:
After that, whenever you are creating a table, you can set any CSS classes for any particular rows. Remember to use the modified template:
Of course, you can also change the original table.html.
Can anybody suggest a more graceful solution?
Overall, I have a feeling that django_tables2 is still missing many important features, so I have to reinvent the wheel every time I am trying to do something nontrivial.
Define tr_class
To use this, you must use custom rendering. For example:
And the
tr
would be given the classhighlight
.There's another way (also not very beautiful), but here you don't have to define a fake column.
First, you extend
django_tables2.rows.BoundRows
:Then make your Table use it:
Then define a new template (note that you only have to overwrite one block):