ElementUI中el-table设置指定列固定不动,不受滚动条影响
生活随笔
收集整理的這篇文章主要介紹了
ElementUI中el-table设置指定列固定不动,不受滚动条影响
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
場景
使用el-table顯示人員信息時,如果要顯示的人員信息列比較多,就會出現滾定條。
如果希望前面指定的像工號、姓名等字段不用顯示的話,可以設置指定列固定不動。
實現效果如下
?
注:
博客:
https://blog.csdn.net/badao_liumang_qizhi
關注公眾號
霸道的程序猿
獲取編程相關電子書、教程推送與免費下載。
實現
只需要在固定不動的列添加fixed屬性即可。
????????? <el-table-column label="姓名" align="center" prop="xm" fixed/><el-table-column label="單位" align="center" prop="dw" width="180" fixed />此屬性還可以傳遞其他的參數
?
?
總結
以上是生活随笔為你收集整理的ElementUI中el-table设置指定列固定不动,不受滚动条影响的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Windows服务器上怎样开放指定端口
- 下一篇: Java中怎样遍历两个Date日期之间的