Improve: Move select-all checkbox into table header row

Move the "Select all on page" checkbox from the card header into the
first column header of the transactions table, aligned with per-row
checkboxes for a cleaner layout.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-02-26 18:42:55 -05:00
parent 59b8adc2d8
commit 7725bdb159

View File

@@ -169,17 +169,15 @@
<span class="text-muted">- @Model.Stats.Count total</span> <span class="text-muted">- @Model.Stats.Count total</span>
} }
</div> </div>
<div class="form-check">
<input type="checkbox" class="form-check-input" id="selectAllCheckbox" onchange="toggleSelectAll(this.checked)">
<label class="form-check-label small" for="selectAllCheckbox">Select all on page</label>
</div>
</div> </div>
<div class="card-body p-0"> <div class="card-body p-0">
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-hover table-sm mb-0"> <table class="table table-hover table-sm mb-0">
<thead> <thead>
<tr> <tr>
<th style="width: 40px;"></th> <th style="width: 40px;">
<input type="checkbox" class="form-check-input" id="selectAllCheckbox" onchange="toggleSelectAll(this.checked)" title="Select all on page">
</th>
<th style="width: 70px;">ID</th> <th style="width: 70px;">ID</th>
<th style="width: 110px;">Date</th> <th style="width: 110px;">Date</th>
<th>Name</th> <th>Name</th>