[Mode editor] Tweaked column filtering

pull/1588/head
Andreas 2022-08-28 20:02:07 +02:00
rodzic ba1b1402e4
commit 0681975c45
2 zmienionych plików z 15 dodań i 14 usunięć

Wyświetl plik

@ -25,10 +25,10 @@
<table style="width:100%" class="modetable table table-striped"> <table style="width:100%" class="modetable table table-striped">
<thead> <thead>
<tr> <tr>
<th scope="col">Mode</th> <th class="select-filter" scope="col">Mode</th>
<th scope="col">Sub-Mode</th> <th class="select-filter" scope="col">Sub-Mode</th>
<th scope="col">SSB / DATA / CW</th> <th class="select-filter" scope="col">SSB / DATA / CW</th>
<th scope="col">Status</th> <th class="select-filter" scope="col">Status</th>
<th scope="col"></th> <th scope="col"></th>
<th scope="col"></th> <th scope="col"></th>
<th scope="col"></th> <th scope="col"></th>
@ -60,17 +60,17 @@
</tbody> </tbody>
<tfoot> <tfoot>
<tr> <tr>
<th scope="col"></th> <th></th>
<th scope="col"></th> <th></th>
<th scope="col"></th> <th></th>
<th scope="col"></th> <th></th>
<th scope="col"></th> <th></th>
<th scope="col"></th> <th></th>
<th scope="col"></th> <th></th>
</tr> </tr>
</tfoot> </tfoot>
<table> <table>
</div> </div>
<br/> <br/>
<p> <p>
<button onclick="createModeDialog();" class="btn btn-primary btn-sm"><i class="fas fa-plus"></i> Create a Mode</button> <button onclick="createModeDialog();" class="btn btn-primary btn-sm"><i class="fas fa-plus"></i> Create a Mode</button>

Wyświetl plik

@ -5,10 +5,10 @@ $('.modetable').DataTable({
"scrollY": "500px", "scrollY": "500px",
"scrollCollapse": true, "scrollCollapse": true,
"paging": false, "paging": false,
"scrollX": true, "scrollX": true,
initComplete: function () { initComplete: function () {
this.api() this.api()
.columns() .columns('.select-filter')
.every(function () { .every(function () {
var column = this; var column = this;
var select = $('<select><option value=""></option></select>') var select = $('<select><option value=""></option></select>')
@ -29,6 +29,7 @@ $('.modetable').DataTable({
}); });
}, },
}); });
$($.fn.dataTable.tables(true)).DataTable().columns.adjust();
function createModeDialog() { function createModeDialog() {
$.ajax({ $.ajax({