feat: remove first content cell

components/Table/Table.vue

@@ -7,26 +7,20 @@
 			<view class="table" :style="tableStyle">
 		
 				<view class="table-header">
-					<view class="title-cell">
-						<view v-for="(item, index) in elementInfo.table.column" :key="index">
-							<view class="column" v-if ="item.title == 'Store' ">{{ item.title }}</view>
-							
-						</view>
-					</view>
-					<view class="content-cell" v-for="(item, index) in elementInfo.table.column" :key="index">
-						<view class="cell" v-if ="item.title != 'Store' ">{{ item.title }}</view>
-						
-					</view>
+ 					<view :class="[index === 0 ? 'title-cell' : 'content-cell']" v-for="(item, index) in elementInfo.table.column" :key="index">
+						<view :class="[index === 0 ? 'column' : 'cell']" >{{ item.title }}</view>
+					</view>					
 				</view>
 				
 				<view class="table-content" :style="tableStyle">
 					<view class="table-content__item" v-for="(cell, cellIndex) in chartTables" :key="cellIndex" @tap="cellClick(cell)" >
+						<!-- <view class=""> -->
 							<view class="title-cell">
 								<view class="cell">{{ cell.shopName }}</view>
 							</view>
 							
-							<view :class="[cellIndex %2 == 1 ? 'content-cell-bg' :'content-cell']"  v-for="(item, index) in elementInfo.table.column" :key="index">
-								<view v-if="item.dataIndex != 'shopName'">
+							<view :class="[index === 0 ? 'empty-cell' : cellIndex %2 == 1 ? 'content-cell-bg' :'content-cell']"  v-for="(item, index) in elementInfo.table.column" :key="index">
+								<view v-if="index != 0">
 									<template class="cell" v-if="item.slots.customRender == 'rank'">{{index + 1}}</template>
 									<template class="cell" v-else-if="item.slots.customRender == 'picture'">
 										<u-image
@@ -48,6 +42,9 @@
 								
 							</view>
 						</view> 
+					
+					<!-- </view> -->
+						
 				</view>
 			
 		 </view>
@@ -125,8 +122,7 @@
 			tableStyle() {
 				const { frameStyle, frameWidth, frameColor, bordered } = this.elementInfo.table
 				const { backgroundColor } = this.elementInfo.table.tableCell
-				const width = 150 + this.elementInfo.table.column.length * 150;
-				console.log('width',width)
+				const width = this.elementInfo.table.column.length * 150;
 				return `width: ${width}rpx`;
 			}
 		},
@@ -141,6 +137,8 @@
 							// that.cacheImages(item.dataIndex)
 						}
 					})
+					console.log(that.chartTables)
+					console.log(that.elementInfo.table.column)
 				})
 			},
 			cellClick(e) {
@@ -293,7 +291,9 @@ $title-color: #f6f6f6;
 		font-size: 20rpx;
 		background-color:$title-color ;
 	}
-	
+	.empty-cell {
+		width: 0px;
+	}
 	.content-cell {
 		display: table-cell;
 		width: $content-width;