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

<div class="card">
    <div class="card-body">
        <h5 class="card-title">Table Columns</h5>
        <div class="form-group">
            <div class="form-check form-check-inline">
              <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 class="form-check form-check-inline">
              <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 class="form-check form-check-inline">
              <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 class="form-check form-check-inline">
              <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 class="form-check form-check-inline">
              <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 class="form-check form-check-inline">
              <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 class="form-check form-check-inline">
              <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 class="form-check form-check-inline">
              <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 class="form-check form-check-inline">
              <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 class="form-check form-check-inline">
              <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>