diff options
Diffstat (limited to 'day9/task5_vue/src/components/Table.vue')
| -rw-r--r-- | day9/task5_vue/src/components/Table.vue | 48 |
1 files changed, 24 insertions, 24 deletions
diff --git a/day9/task5_vue/src/components/Table.vue b/day9/task5_vue/src/components/Table.vue index d9296d9..a186277 100644 --- a/day9/task5_vue/src/components/Table.vue +++ b/day9/task5_vue/src/components/Table.vue @@ -1,29 +1,29 @@ <template> <table> - <thead> - <tr> - <th v-for="header in tableData.headers"> - {{ header }} - </th> - <th></th> - <th></th> - </tr> - </thead> - <tbody> - <tr v-for="(row) in tableData.content"> - <td>{{ row[0] }}</td> - <td v-for="(column) in row.slice(1)"> - {{ column }} - </td> - <td> - <button @click="showEditForm(`${row[0]}`)">✎</button> - </td> - <td> - <button @click="removeField(`${row[0]}`)">✖</button> - </td> - </tr> - </tbody> - </table> + <thead> + <tr> + <th v-for="header in tableData.headers"> + {{ header }} + </th> + <th></th> + <th></th> + </tr> + </thead> + <tbody> + <tr v-for="(row) in tableData.content"> + <td>{{ row[0] }}</td> + <td v-for="(column) in row.slice(1)"> + {{ column }} + </td> + <td> + <button @click="showEditForm(`${row[0]}`)">✎</button> + </td> + <td> + <button @click="removeField(`${row[0]}`)">✖</button> + </td> + </tr> + </tbody> + </table> </template> <script> |