ln.vue/table.html

31 lines
1015 B
HTML

<div>
<h1>This is a table view</h1>
Double clicking should work!<br>
<br>
<ln-table
v-bind:columns="columns"
v-bind:rows="controls.rows"
@dblclick="alert(`You double clicked on cell: ${$event.columnKey} #${$event.rowIndex} = ${$event.row[$event.columnKey]}`);"
v-bind:selectedrow="table.currentrow"
@selectrow="table.currentrow = $event;"
></ln-table><br>
<span
v-if="table.currentrow"
>
<table>
<tr>
<td>Vorname</td>
<td><ln-textfield v-model="table.currentrow.FirstName"></ln-textfield></td>
</tr>
<tr>
<td>weitere Vornamen</td>
<td><ln-textfield v-model="table.currentrow.MiddleNames"></ln-textfield></td>
</tr>
<tr>
<td>Nachname</td>
<td><ln-textfield v-model="table.currentrow.LastName"></ln-textfield></td>
</tr>
</table>
</span>
</div>