el-descriptions合并行

在使用el-descriptions组件时，要实现行合并，可以通过设置item的span属性来实现。每个item表示一列，而span属性表示该列要占据的列数。只需将需要合并的item的span设置为大于1的值，即可实现行合并效果。例如，如果想要实现el-descriptions组件的第一个item合并两行，则可以将其span属性设置为2。如下所示：

<el-descriptions :column="2" border>
  <el-descriptions-item :span="2" labelClassName="labelClass">
    <template slot="label"> label </template>
    <el-input readonly :value="tableData.is" />
    <el-input readonly :value="tableData.vn" />
  </el-descriptions-item>
  <el-descriptions-item :span="1" labelClassName="labelClass">
    <template slot="label"> label </template>
    <el-input readonly :value="tableData[item.value]" style="width: 100%; text-align: center" />
  </el-descriptions-item>
</el-descriptions>

在上述代码中，el-descriptions的column属性设置为2，表示每行有两列。第一个el-descriptions-item的span属性设置为2，表示该item要占据两列，从而实现了合并行的效果。而第二个el-descriptions-item的span属性设置为1，表示该item只占据一列，不参与行合并。

总结起来，通过设置el-descriptions-item的span属性，可以实现el-descriptions的行合并效果。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [el-table表格操作列合并行](https://blog.csdn.net/weixin_42342065/article/details/121074590)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *3* [Vue2 Element description组件 列合并](https://blog.csdn.net/qq_52697994/article/details/126374581)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]