12345678910111213141516171819202122232425262728293031 |
- <template>
- <el-table-column :prop="col.prop" :label="col.label" :align="alignType">
- <template v-for="(item, index) of col.children">
- <column-item v-if="item.children" :key="index" :col="item"></column-item>
- <el-table-column
- v-else
- :key="index"
- :label="item.label"
- :prop="item.prop"
- :align="alignType"
- ></el-table-column>
- </template>
- </el-table-column>
- </template>
- <script>
- export default {
- name: "ColumnItem",
- props: {
- col: {
- type: Object
- },
- // 判断单元格文字是居中还是左对齐显示
- alignType: {
- type: String,
- default: "center" // 默认居中
- }
- }
- };
- </script>
- <style scoped></style>
|