如何在Vue.js中使用rowspan将指针事件应用于简单表？
醉海豚
我在Vuetify.js框架中使用v-simple-table作为Nuxt.js制作了表格。当我单击“ XXX Inc.”时，我希望所有用于HR，业务，HR，销售和业务的表格单元都被标记出来。但是现在只有第一行指向如下。
我的代码如下。谁能告诉我？
<template>
<v-simple-table dense>
<thead>
<tr>
<th>company</th>
<th>division</th>
<th>section</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="3">XX Inc.</td>
<td>H/R</td>
<td>H/R</td>
</tr>
<tr>
<td rowspan="2">business</td>
<td>sales</td>
</tr>
<tr>
<td>marketing</td>
</tr>
</tbody>
</v-simple-table>
</template>
<script lang="ts">
import { Component, Vue } from 'nuxt-property-decorator'
@Component({})
export default class extends Vue {}
</script>
<style lang="scss" scoped>
.v-data-table--dense > .v-data-table__wrapper > table > tbody > tr > td {
border-bottom: thin solid rgba(0, 0, 0, 0.12) !important;
}
</style>
军事的
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何将光标指针属性应用于（单击）事件处理程序？
- 2
如何在Mathematica中使用两个参数将Map []应用于函数？
- 3
如何在 Rail 5 中使用 Materialize 和 SimpleForm 将 CSS 类应用于 Select
- 4
如何在Vue中使用jQuery插件
- 5
如何在Vue CLI中使用CDN？
- 6
如何在Vue中使用儿童？
- 7
如何在Vue中使用localStorage？
- 8
如何在Vue组件中使用Bootstrap？
- 9
如何在Vue中使用Bootstrap
- 10
如何在Vue中使用全局函数？
- 11
Vue 如何在组件中使用 id？
- 12
如何在VUE应用程序中使用sass？
- 13
我如何在Vue JS中使用swiper.js
- 14
如何将CSS应用于IE中使用javascript创建的元素？
- 15
如何通过在Spark中使用“和”将空条件应用于sql select？
- 16
在管道中使用缩放比例时，如何将缩放比例应用于所选要素？
- 17
如何通过在Spark中使用“和”将空条件应用于sql select？
- 18
如何在vue.js中使用动态表格的rowpan？
- 19
如何在Nuxt.js中使用Vue测试库？
- 20
如何在Vue.js中使用列表视图？
- 21
如何在Vue.js中使用``深层方法''
- 22
如何在Vue.js插槽中使用条件渲染？
- 23
如何在vue.js中使用条件语句：attr
- 24
如何在vue.js中使用动态表格的rowpan？
- 25
如何在Vue CLI中使用静态JS？
- 26
如何在 vue.js 2 中使用 if ？
- 27
如何在vue js中使用其他插件
- 28
如何在Vue JS中触发元素？
- 29
如何在 Vue.js 中循环？
我来说两句