<table class="table ">
<thead>
<tr>
<th>Pealkiri</th>
<th>Pealkiri</th>
<th>Pealkiri</th>
<th>Pealkiri</th>
</tr>
</thead>
<tbody>
<tr>
<td>Sisutekst</td>
<td>Sisutekst</td>
<td>Sisutekst</td>
<td>Sisutekst</td>
</tr>
<tr>
<td>Sisutekst</td>
<td>Sisutekst</td>
<td>Sisutekst</td>
<td>Sisutekst</td>
</tr>
<tr>
<td>Sisutekst</td>
<td>Sisutekst</td>
<td>Sisutekst</td>
<td>Sisutekst</td>
</tr>
<tr>
<td>Sisutekst</td>
<td>Sisutekst</td>
<td>Sisutekst</td>
<td>Sisutekst</td>
</tr>
<tr>
<td>Sisutekst</td>
<td>Sisutekst</td>
<td>Sisutekst</td>
<td>Sisutekst</td>
</tr>
<tr>
<td>Sisutekst</td>
<td>Sisutekst</td>
<td>Sisutekst</td>
<td>Sisutekst</td>
</tr>
<tr>
<td>Sisutekst</td>
<td>Sisutekst</td>
<td>Sisutekst</td>
<td>Sisutekst</td>
</tr>
<tr>
<td>Sisutekst</td>
<td>Sisutekst</td>
<td>Sisutekst</td>
<td>Sisutekst</td>
</tr>
</tbody>
</table>
{
"colums": [
"Pealkiri",
"Pealkiri",
"Pealkiri",
"Pealkiri"
],
"rows": [
"Sisutekst",
"Sisutekst",
"Sisutekst",
"Sisutekst",
"Sisutekst",
"Sisutekst",
"Sisutekst",
"Sisutekst"
]
}
<table class="table table--bordered">
<thead>
<tr>
<th>Pealkiri</th>
<th>Pealkiri</th>
<th>Pealkiri</th>
<th>Pealkiri</th>
</tr>
</thead>
<tbody>
<tr>
<td>Sisutekst</td>
<td>Sisutekst</td>
<td>Sisutekst</td>
<td>Sisutekst</td>
</tr>
<tr>
<td>Sisutekst</td>
<td>Sisutekst</td>
<td>Sisutekst</td>
<td>Sisutekst</td>
</tr>
<tr>
<td>Sisutekst</td>
<td>Sisutekst</td>
<td>Sisutekst</td>
<td>Sisutekst</td>
</tr>
<tr>
<td>Sisutekst</td>
<td>Sisutekst</td>
<td>Sisutekst</td>
<td>Sisutekst</td>
</tr>
<tr>
<td>Sisutekst</td>
<td>Sisutekst</td>
<td>Sisutekst</td>
<td>Sisutekst</td>
</tr>
<tr>
<td>Sisutekst</td>
<td>Sisutekst</td>
<td>Sisutekst</td>
<td>Sisutekst</td>
</tr>
<tr>
<td>Sisutekst</td>
<td>Sisutekst</td>
<td>Sisutekst</td>
<td>Sisutekst</td>
</tr>
<tr>
<td>Sisutekst</td>
<td>Sisutekst</td>
<td>Sisutekst</td>
<td>Sisutekst</td>
</tr>
</tbody>
</table>
{
"colums": [
"Pealkiri",
"Pealkiri",
"Pealkiri",
"Pealkiri"
],
"rows": [
"Sisutekst",
"Sisutekst",
"Sisutekst",
"Sisutekst",
"Sisutekst",
"Sisutekst",
"Sisutekst",
"Sisutekst"
],
"modifiers": "table--bordered"
}
<table class="table table--bordered">
<thead>
<tr>
<th>Pealkiri</th>
<th>Pealkiri</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div class="row">
<div class="col">
<div class="textfield textfield--small">
<div class="textfield__control ">
<input class="textfield__input" id="" placeholder="Mart" type="" value="" />
</div>
</div>
</div>
<div class="col-auto">
<button class="button button--small">
Salvesta
</button>
</div>
</div>
</td>
<td>
<div class="row">
<div class="col">
<div class="textfield textfield--small">
<div class="textfield__control ">
<input class="textfield__input" id="" placeholder="Mart" type="" value="" />
</div>
</div>
</div>
<div class="col-auto">
<button class="button button--small button--triarity">
<i class="fas fa-edit button__icon--left" aria-hidden="true" ></i>
Muuda
</button>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="row">
<div class="col">
<div class="textfield textfield--small">
<div class="textfield__control ">
<input class="textfield__input" id="" placeholder="Maasikas" type="" value="" />
</div>
</div>
</div>
<div class="col-auto">
<button class="button button--small button--triarity">
<i class="fas fa-edit button__icon--left" aria-hidden="true" ></i>
Muuda
</button>
</div>
</div>
</td>
<td>
<div class="row">
<div class="col">
<div class="textfield textfield--small">
<div class="textfield__control ">
<input class="textfield__input" id="" placeholder="Maasikas" type="" value="" />
</div>
</div>
</div>
<div class="col-auto">
<button class="button button--small button--triarity">
<i class="fas fa-edit button__icon--left" aria-hidden="true" ></i>
Muuda
</button>
</div>
</div>
</td>
</tr>
</tbody>
</table>
{
"colums": [
"Pealkiri",
"Pealkiri",
"Pealkiri",
"Pealkiri"
],
"rows": [
"Sisutekst",
"Sisutekst",
"Sisutekst",
"Sisutekst",
"Sisutekst",
"Sisutekst",
"Sisutekst",
"Sisutekst"
]
}