elemtnui表格居中
时间: 2023-09-23 07:07:06 浏览: 77
你可以使用 Element UI 表格的 `align` 属性来实现表格内容的居中,示例代码如下:
```html
<template>
<div>
<el-table :data="tableData" :columns="tableColumns" align="center"></el-table>
</div>
</template>
<script>
export default {
data() {
return {
tableData: [
{ name: 'John', age: 22 },
{ name: 'Jane', age: 30 },
{ name: 'Bob', age: 45 }
],
tableColumns: [
{ prop: 'name', label: 'Name' },
{ prop: 'age', label: 'Age' }
]
}
}
}
</script>
```
在上面的代码中,我们将表格的 `align` 属性设置为 `center`,这将居中表格内容。请注意,这只会居中表格的内容,而不是表头。如果您需要居中表头,您可以使用 CSS 样式来实现。
阅读全文