el-tableのヘッダーを改行する方法
【Element UI】を使う上で、忘れないために残しておきます。
labelプロパティを使うとHtmlの<br>を解釈できないので、下記のように<template>タグを呼び出して、その中で<br>を指定して、改行します。
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<el-table :data="tableData" style="width: 100%"> <el-table-column prop="header1" width="180"> <template #header> <div>ヘッダー1<br />改行1</div> </template> </el-table-column> <el-table-column prop="header2" width="180"> <template #header> <div>ヘッダー2<br />改行2</div> </template> </el-table-column> </el-table> |
役に立てればうれしいです！
サルモリ
