uni-app移動端開發使用uni-table畫表格


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

 

 2、將插件下載到當前項目中之后,需要在用到uni-table組件的頁面引入,注意import后面的名字要寫成uTable ,否則不生效

import uTable from "@/components/t-table/t-table.vue";
components: {
    uPagination
  },
在template中使用

代碼塊所在文件,自己記錄一下,方便以后查看

 

 表格需求是固定第一列,查了很多資料,沒找到這種需要,最后參考別人的例子,實現了首列固定

本次實現主要用到的是css的兩個屬性

  • table-layout: fixed 
  • posotion: sticky

參考鏈接:https://www.cnblogs.com/hechen-xuan/p/15188430.html

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM