PyRIGS/RIGS/templates/RIGS/item_table.html

<div class="panel table-responsive">
	<table class="table table-hover" id="item-table" {% if edit %}data-orderurl="{#% url 'item_order' %#}"{% endif %}>
		<thead>
			<tr>
				<td>Item</td>
				<td>Price</td>
				<td>Quantity</td>
				<td>Sub-total</td>
				{% if edit %}
				<td class="text-right">
					<button type="button" class="btn btn-default btn-xs item-add"
						data-url="{#% url eventitem_add object.pk %#}" data-toggle="modal"
						data-target="#itemModal">
						<span class="glyphicon glyphicon-plus"></span>
					</button>
				</td>
				{% endif %}
			</tr>
		</thead>
		<tbody id="item-table-body">
			{% for item in object.items.all %}
				{% include 'RIGS/item_row.html' %}
			{% endfor %}
		</tbody>
		<tfoot>
			<tr>
				<td rowspan="3" colspan="2"></td>
				<td>Total (ex. VAT)</td>
				<td colspan="2">£ <span id="sumtotal">{{object.sum_total|default:0|floatformat:2}}</span></td>
			</tr>
			<tr>
				<td id="vat-rate" data-rate="{{object.vat_rate.rate}}">VAT @
					{{object.vat_rate.as_percent|floatformat|default:"TBD"}}%</td>
				<td colspan="2">£ <span id="vat">{{object.vat|default:0|floatformat:2}}</span></td>
			</tr>
			<tr>
				<td>Total</td>
				<td colspan="2">£ <span id="total">{{object.total|default:0|floatformat:2}}</span></td>
			</tr>
		</tfoot>
	</table>
</div>
<table class="hidden invisible">
    <tr id="new-item-row" class="item_row">
        <td>
            <span class="name"></span>
                <div class="description">
                    <em></em>
                </div>
        </td>
        <td>£&nbsp;<span class="cost"></span></td>
        <td class="quantity"></td>
        <td>£&nbsp;<span class="sub-total"></span></td>
        {% if edit %}
        <td class="vert-align text-right">
            <button type="button" class="item-edit btn btn-xs btn-default"
                    data-toggle="modal" data-target="#itemModal">
                <span class="glyphicon glyphicon-edit"></span>
            </button>
            <button type="button" class="item-delete btn btn-xs btn-danger">
                <span class="glyphicon glyphicon-remove"></span>
            </button>
        </td>
        {% endif %}
    </tr>
</table>