当前位置:网站首页>DV scroll board width of datav rotation table component

DV scroll board width of datav rotation table component

2022-06-27 08:26:00 Out of the autistic bird

demand : Use dv-scroll-board When displaying multiple columns of data , Because its default is the average distribution width , It will cause incomplete content display , We want to change the width of a column , Let it show full .
 Please add a picture description
resolvent :
Method 1:dv-scroll-board Bring their own columnWidth:[] attribute , Each parameter of the array is the width of the corresponding column

//  My deployment time is at 6 Column , So set at least 6 Only values can be modified to this column 
columnWidth: [
	140,140,140,140,140,200
],

Method 2:f12 View the class name corresponding to this column , Modify through style penetration . Be careful , Because the original style in the component has higher priority , So we add !important

::v-deep .header-item:nth-child(6), ::v-deep .ceil:nth-child(6) {
    
	width: 200px!important;
}

/deep/ and ::v-deep The effect is the same , But in some cases, it cannot be used /deep/ when , We use ::v-deep Instead of

原网站

版权声明
本文为[Out of the autistic bird]所创,转载请带上原文链接,感谢
https://yzsam.com/2022/178/202206270806301103.html