redash/client/app/visualizations/table/table-editor.html

<div class="table-editor-container">
  <ul class="tab-nav">
    <li ng-class="{active: currentTab == 'grid'}">
      <a ng-click="setCurrentTab('grid')">Grid</a>
    </li>
    <li ng-class="{active: currentTab == 'columns'}" ng-if="options.globalSeriesType != 'custom'">
      <a ng-click="setCurrentTab('columns')">Columns</a>
    </li>
  </ul>

  <div ng-if="currentTab == 'grid'" class="m-t-10 m-b-10">
    <div class="form-group">
      <label>Items per page</label>
      <select ng-options="value for value in allowedItemsPerPage"
        ng-model="visualization.options.itemsPerPage" class="form-control">
      </select>
    </div>
  </div>

  <div ng-if="currentTab == 'columns'" class="table-editor-query-columns m-t-10 m-b-10"
    ui-sortable ng-model="visualization.options.columns">
    <div ng-repeat="column in visualization.options.columns">
      <div class="table-editor-column-header form-group">
        <div class="input-group">
          <span class="input-group-addon"><input type="checkbox" ng-model="column.visible"></span>
          <input class="form-control" ng-model="column.title" ng-model-options="{ allowInvalid: true, debounce: 200 }">
        </div>
      </div>
      <div class="form-group">
        <div class="btn-group btn-group-justified">
          <button type="button" class="btn btn-default btn-xs"
            ng-click="column.alignContent = 'left'"
            ng-class="{active: column.alignContent == 'left'}"><i class="fa fa-align-left"></i></button>
          <button type="button" class="btn btn-default btn-xs"
            ng-click="column.alignContent = 'center'"
            ng-class="{active: column.alignContent == 'center'}"><i class="fa fa-align-center"></i></button>
          <button type="button" class="btn btn-default btn-xs"
            ng-click="column.alignContent = 'right'"
            ng-class="{active: column.alignContent == 'right'}"><i class="fa fa-align-right"></i></button>
        </div>
      </div>

      <div class="form-group">
        <label>Display as:</label>
        <select ng-options="item.value as item.name for item in displayAsOptions"
          ng-model="column.displayAs" class="form-control">
        </select>
      </div>

      <div ng-if="column.displayAs == 'string'">
        <div class="form-group">
          <label class="ui-sortable-bypass"><input type="checkbox" ng-model="column.allowHTML"> Allow HTML content</label>
        </div>
        <div ng-if="column.allowHTML" class="form-group">
          <label class="ui-sortable-bypass"><input type="checkbox" ng-model="column.highlightLinks"> Highlight links</label>
        </div>
      </div>

      <div ng-if="column.displayAs == 'number'">
        <div class="form-group">
          <label for="table-editor-{{ column.name }}-number-format">Number format</label>
          <input class="form-control" ng-model="column.numberFormat" ng-model-options="{ allowInvalid: true, debounce: 200 }"
            id="table-editor-{{ column.name }}-number-format">
          <p class="help-block">Format <a href="http://numeraljs.com/" target="_blank">specs.</a></p>
        </div>
      </div>

      <div ng-if="column.displayAs == 'datetime'">
        <div class="form-group">
          <label for="table-editor-{{ column.name }}-datetime-format">Date/Time format</label>
          <input class="form-control" ng-model="column.dateTimeFormat" ng-model-options="{ allowInvalid: true, debounce: 200 }"
            id="table-editor-{{ column.name }}-datetime-format">
          <p class="help-block">Format <a href="http://momentjs.com/docs/#/displaying/format/" target="_blank">specs.</a></p>
        </div>
      </div>

      <div ng-if="column.displayAs == 'boolean'">
        <div class="form-group">
          <label for="table-editor-{{ column.name }}-boolean-false">Value for <code>false</code></label>
          <input class="form-control" ng-model="column.booleanValues[0]" ng-model-options="{ allowInvalid: true, debounce: 200 }"
            id="table-editor-{{ column.name }}-boolean-false">
        </div>
        <div class="form-group">
          <label for="table-editor-{{ column.name }}-boolean-true">Value for <code>true</code></label>
          <input class="form-control" ng-model="column.booleanValues[1]" ng-model-options="{ allowInvalid: true, debounce: 200 }"
            id="table-editor-{{ column.name }}-boolean-true">
        </div>
      </div>
    </div>
  </div>
</div>