        <th data-field="price">
          Item Price
        </th>
      </tr>
    </thead>
  </table>
</template>

<script>
  window.headerStyle = column => ({
    id: {
      classes: 'uppercase'
    },
    name: {
      css: { background: 'yellow' }
    },
    price: {
      css: { color: 'red' }
    }
  }[column.field])
</script>

<style>
.uppercase {
  text-transform: uppercase;
}
</style>
