uni-app移动端开发使用uni-table画表格

1、先下载第三方插件,下载地址:https://ext.dcloud.net.cn/plugin?name=uni-table

uni-app移动端开发使用uni-table画表格

uni-app移动端开发使用uni-table画表格

 

 2、将插件下载到当前项目中之后,需要在用到uni-table组件的页面引入,注意import后面的名字要写成uTable ,否则不生效

import uTable from "@/components/t-table/t-table.vue"; components: {     uPagination   }, 在template中使用 uni-app移动端开发使用uni-table画表格

代码块所在文件,自己记录一下,方便以后查看

uni-app移动端开发使用uni-table画表格

 

 表格需求是固定第一列,查了很多资料,没找到这种需要,最后参考别人的例子,实现了首列固定

本次实现主要用到的是css的两个属性

  • table-layout: fixed 
  • posotion: sticky

参考链接:https://www.cnblogs.com/hechen-xuan/p/15188430.html

 

 

 

上一篇:Mac上打不开JavaFX Scene Builder 2.0


下一篇:vue3 之app.config.globalProperties的简单使用