Vue table添加滚动条

机智的人猿泰山

于 2022-02-12 11:11:15 发布

阅读量1.8k

点赞数 1

CC 4.0 BY-SA版权

文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/csdndd521/article/details/122893774

这个博客展示了如何利用Vue.js的响应式特性和Element UI库来创建一个具有行样式、单元格居中、固定高度以及加载指示器的复杂数据表格。通过设置`row-class-name`、`cell-style`和`row-style`属性，可以实现自定义的表格样式。此外，还讨论了如何结合使用`v-loading`指令和`stripe`属性以提供更好的用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<el-table
      :data="Data"
      :row-class-name="rowStyle"
      :cell-style="{ 'text-align': 'center' }"
      :row-style="{ height: '50px' }"
      v-loading="loadingData"
      stripe height="930"
    >