下面是完整的代码在el-table标签里控制表头:
:header-cell-style="{‘text-align’:‘center’}"
在el-table-column里面控制表内容:
:align=“title.Code==‘FailPresNum’ || title.Code==‘FailRate’ ? ‘right’ : ‘center’”
<el-table v-loading="loading" win-loading-text="加载中" :data="tableData21" border
style="width: 100%" min-height="300" max-height="600" stripe
:default-sort="{prop: 'DeptCode', order: 'descending'}" @sort-change="sortChange" show-summary :summary-method="getSummaries"
:header-cell-style="{'text-align':'center'}">
<template v-for="title in TableInfoHeader21">
<el-table-column :min-width="AutoWidth(title)" :sortable="title.CanSort ? 'custom' : false" :align="title.Code=='FailPresNum' || title.Code=='FailRate' ? 'right' : 'center'" show-overflow-tooltip :key="title.ID" :prop="title.Code" :label="title.Name">
</el-table-column>
</template>
</el-table>