{% load ui_classes ui_props %}
<c-vars row="" columns="" row_key="id" key="" index="0" cell_component="ui.data-grid.cell" class="" />
{% ui_class "ui.data-grid" "row" class=class as row_class %}
{% with resolved_key=row|ui_data_grid_value:row_key %}<div data-ui-data-grid-row data-row-key="{% if key %}{{ key }}{% else %}{{ resolved_key }}{% endif %}" role="row" aria-rowindex="{{ index|add:2 }}" class="{{ row_class }}" {{ attrs }}>
    {% if columns %}{% for column in columns %}<c-component is="{{ cell_component }}" :row="row" :column="column" index="{{ forloop.counter }}" />{% endfor %}{% else %}{{ slot }}{% endif %}
</div>{% endwith %}