elementui表格表头换行

weixin_45428021

于 2022-05-26 15:48:58 发布

阅读量359

点赞数 1

分类专栏： elementui表格文章标签： elementui vue.js javascript

本文链接：https://blog.youkuaiyun.com/weixin_45428021/article/details/124986174

版权

elementui表格专栏收录该内容

9 篇文章

订阅专栏

<el-table border
                    ref="table"
                    resizable
                    :data="tableData"
                    :max-height="524"
                    highlight-current-row
                    v-loading="tableLoading"
                    :render-header="renderheader">
            <el-table-column type="index"
                             label="序号"
                             width="60"
                             align="center"
                             fixed></el-table-column>
            <el-table-column v-for="item in tableColumns"
                             :key="item.label"
                             :fixed="item.label === '车工号'"
                             :prop="item.name"
                             :label="item.label"
                             show-overflow-tooltip
                             :min-width="item.width"
                             align="center">
              <template slot="header"
                        slot-scope="scope">
                <pre><span>{{item.label}}</span></pre>
              </template>
            </el-table-column>
          </el-table>

this.tableColumns = [
          { label: '0-100\n100-200', name: '', width: '' }
        ]