btc-template-tables 0.4.2

Quick start

1. Add “template_tables” to your INSTALLED_APPS setting like this:

   INSTALLED_APPS = (
         ...
         'template_tables',
     )

2. Create table class:

   class MyTable(BaseTemplateTable):
   
       css_classes = ['template-tables', 'mdl-data-table', 'mdl-js-data-table']
       empty_table_text = 'Нет данных'
   
       def get_header_rows(self) -> List[TableRowType]:
           [TR([
               TH(''),
               MDLNonNumericTH('Уч.', ordering='section'),
               MDLNonNumericTH('Документ', ordering='invoices__unique_num'),
               MDLNonNumericTH('КПТП', ordering='process_map__unique_number'),
               MDLNonNumericTH('Артикул ДСЕ', ordering='invoices__product__vendor_code'),
               MDLNonNumericTH('Наименование', ordering='invoices__product__name'),
               TH('Кол-во (шт.)', ordering='invoices__product__count'),
               TH('Вес (кг)', ordering='invoices__product__weight'),
               MDLNonNumericTH('Место', ordering='invoices__product__storage__name'),
           ])]
   
       def get_body_row(self, index: int, data_item: Any) -> TableRowType:
           invoice = data_item.get_invoice()
           product = safety_get_attribute(invoice, 'product')
           invoice_unique_number = f'{invoice.get_document_type_display()}-{invoice.unique_num}' if invoice else None
   
           transition_btn = ARSimpleLink(
               icon=ARMaterialIcon('chevron_right'),
               css_classes=['table-transition-btn'],
               html_params=dict(href=reverse('dispatcher:task_details:selected-products', kwargs=dict(pk=data_item.pk)))
           )
   
           return TR([
               MDLNonNumericTD(transition_btn),
               MDLNonNumericTD(data_item.section),
               MDLNonNumericTD(invoice_unique_number),
               MDLNonNumericTD(safety_get_attribute(data_item, 'process_map')),
               MDLNonNumericTD(safety_get_attribute(product, 'vendor_code')),
               MDLNonNumericTD(safety_get_attribute(product, 'name')),
               TD(safety_get_attribute(product, 'count')),
               TD(safety_get_attribute(product, 'weight')),
               MDLNonNumericTD(safety_get_attribute(product, 'storage__name')),
           ])

3. Define view - ListView or FilterView:

   class MyTableView(TemplateTableViewMixin, FilterView):
   
       model = MyModel
       filterset_class = MyTableFilter
       table_class = MyTable
       template_name = 'tables/template_table_base.html'
   
       def get_queryset(self):
           return super().get_queryset().get_pretty_qs()
   
   # For ordering and searching, the django-filter package is used.
   # Order filter:
   
   _base_task_table_searching_fields = [
       'section',
       'invoices__unique_num',
       'process_map__unique_number',
       'invoices__product__vendor_code',
       'invoices__product__name',
       'invoices__product__count',
       'invoices__product__weight',
       'invoices__product__storage__name'
   ]
   
   class MyTableFilter(FilterSet):
   
       ordering = OrderingFilter(
           fields=tuple(
               (field_name, field_name) for field_name in _base_task_table_searching_fields
           )
       )

4. In template:

   <!--
   tables/template_table_base.html
   
   That example uses btc-flex-forms for filters rendering
   -->
   
   <div>
       <div>{{ filter.form.as_flex }}</div>
       <div>{{ table.render }}</div>
       <div>{{ pagination.render }}</div>
   </div>
   
   <!-- Note: To transform table to ajax-table just you simple js-handler for link click events -->

Example: