Commit 6a0a1390 authored by 赵伟庚's avatar 赵伟庚

update table border style

parent bab2dcae
...@@ -4,6 +4,7 @@ ...@@ -4,6 +4,7 @@
ref="table" ref="table"
class="bg-table" class="bg-table"
:data="rows" :data="rows"
:border="border"
@selection-change="selectAction" @selection-change="selectAction"
@select="selectActionRow" @select="selectActionRow"
@select-all="selectActionAll" @select-all="selectActionAll"
...@@ -16,7 +17,7 @@ ...@@ -16,7 +17,7 @@
<div class="text">暂无数据</div> <div class="text">暂无数据</div>
</div> </div>
</template> </template>
<el-table-column v-if="paddingLeft > 10" :width="paddingLeft - 10"></el-table-column> <el-table-column v-if="paddingLeft > 10 && !border" :width="paddingLeft - 10"></el-table-column>
<el-table-column type="selection" :selectable="selectable" width="38" v-if="select"> <el-table-column type="selection" :selectable="selectable" width="38" v-if="select">
<!-- checkbox --> <!-- checkbox -->
</el-table-column> </el-table-column>
...@@ -84,6 +85,10 @@ const props = defineProps({ ...@@ -84,6 +85,10 @@ const props = defineProps({
type: Boolean, type: Boolean,
default: false, default: false,
}, },
border: {
type: Boolean,
default: false,
},
paddingLeft: { paddingLeft: {
type: [Number, String], type: [Number, String],
default: () => 12, default: () => 12,
......
...@@ -208,6 +208,7 @@ const getTableRows = () => {}; ...@@ -208,6 +208,7 @@ const getTableRows = () => {};
width: 1076px; width: 1076px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.input_table { .input_table {
:deep() { :deep() {
.el-table__header { .el-table__header {
...@@ -215,11 +216,17 @@ const getTableRows = () => {}; ...@@ -215,11 +216,17 @@ const getTableRows = () => {};
background-color: #f5f6f9; background-color: #f5f6f9;
border-color: #dadee7; border-color: #dadee7;
border-top: 1px solid #dadee7 !important; border-top: 1px solid #dadee7 !important;
&:first-child {
border-left: 1px solid #dadee7;
}
&:last-child { &:last-child {
border-right: 1px solid #dadee7; border-right: 1px solid #dadee7;
} }
} }
} }
.el-scrollbar {
border-radius: 0px;
}
.el-table__border-left-patch { .el-table__border-left-patch {
width: 0; width: 0;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment