Skip to content
Toyota Motor Europe DXP Reference Guide

Table

<table class="tng-table">
  <thead>
    <tr>
      <th>Header 1</th>
      <th>Header 2</th>
      <th>Header 3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Data 1</td>
      <td>Data 2</td>
      <td>Data 3</td>
    </tr>
  </tbody>
</table>
Header 1 Header 2 Header 3
Data 1 Data 2 Data 3

Overflow

Section titled “Overflow”

If you have a table that is wider than its container, you can wrap it in a container with the overflow utility to enable horizontal scrolling.

<div class="tng-overflow-scroll">
  <table class="tng-table">
    <!-- … -->
  </table>
</div>
Aankoopprijs Betaling Te financieren bedrag Jaarlijkse kostenpercentage Debetrentevoet Looptijd Maandbedrag Slottermijn Totaal te betalen bedrag
€ 28.000,- € 0,- € 28.000,- 7.9% 7.9% 60 maanden € 551,- € 875,- € 33.918,90
€ 35.780,- € 0,- € 35.780,- 7.9% 7.9% 60 maanden € 707,- € 875,- € 43.301,-