spothole/templates/cards/table-columns-spots.html

<div class="card">
    <div class="card-body">
        <h5 class="card-title">Table Columns</h5>
        <div class="row row-cols-2 g-1">
            <div class="col">
                <div class="form-check">
                    <input class="form-check-input storeable-checkbox" type="checkbox" id="tableShowTime"
                           value="tableShowTime" oninput="columnsUpdated();" checked>
                    <label class="form-check-label" for="tableShowTime">Time</label>
                </div>
            </div>
            <div class="col">
                <div class="form-check">
                    <input class="form-check-input storeable-checkbox" type="checkbox" id="tableShowDX"
                           value="tableShowDX" oninput="columnsUpdated();" checked>
                    <label class="form-check-label" for="tableShowDX">DX</label>
                </div>
            </div>
            <div class="col">
                <div class="form-check">
                    <input class="form-check-input storeable-checkbox" type="checkbox" id="tableShowFreq"
                           value="tableShowFreq" oninput="columnsUpdated();" checked>
                    <label class="form-check-label" for="tableShowFreq">Frequency</label>
                </div>
            </div>
            <div class="col">
                <div class="form-check">
                    <input class="form-check-input storeable-checkbox" type="checkbox" id="tableShowMode"
                           value="tableShowMode" oninput="columnsUpdated();" checked>
                    <label class="form-check-label" for="tableShowMode">Mode</label>
                </div>
            </div>
            <div class="col">
                <div class="form-check">
                    <input class="form-check-input storeable-checkbox" type="checkbox" id="tableShowComment"
                           value="tableShowComment" oninput="columnsUpdated();" checked>
                    <label class="form-check-label" for="tableShowComment">Comment</label>
                </div>
            </div>
            <div class="col">
                <div class="form-check">
                    <input class="form-check-input storeable-checkbox" type="checkbox" id="tableShowBearing"
                           value="tableShowBearing" oninput="columnsUpdated();">
                    <label class="form-check-label" for="tableShowBearing">Bearing</label>
                </div>
            </div>
            <div class="col">
                <div class="form-check">
                    <input class="form-check-input storeable-checkbox" type="checkbox" id="tableShowType"
                           value="tableShowType" oninput="columnsUpdated();" checked>
                    <label class="form-check-label" for="tableShowType">Type</label>
                </div>
            </div>
            <div class="col">
                <div class="form-check">
                    <input class="form-check-input storeable-checkbox" type="checkbox" id="tableShowRef"
                           value="tableShowRef" oninput="columnsUpdated();" checked>
                    <label class="form-check-label" for="tableShowRef">Ref.</label>
                </div>
            </div>
            <div class="col">
                <div class="form-check">
                    <input class="form-check-input storeable-checkbox" type="checkbox" id="tableShowDE"
                           value="tableShowDE" oninput="columnsUpdated();" checked>
                    <label class="form-check-label" for="tableShowDE">DE</label>
                </div>
            </div>
            <div class="col">
                <div class="form-check">
                    <input class="form-check-input storeable-checkbox" type="checkbox" id="tableShowWorkedCheckbox"
                           value="tableShowWorkedCheckbox" oninput="columnsUpdated();" checked>
                    <label class="form-check-label" for="tableShowWorkedCheckbox">Worked?</label>
                </div>
            </div>
        </div>
    </div>
</div>