用Element UI和Vue開發(fā)時,將Element UI中的diaolog組件改成自己的組件,在這個組件中使用Element UI中的表格組件,發(fā)現(xiàn)渲染的時候有的時候會錯行,目前發(fā)現(xiàn)原因是我加的單選按鈕radio的原因,但是不知道如何解決。如下圖所示,求大神答疑解惑
<!--diaolog表格-->
<el-table :data="gridData" height="360" highlight-current-row style="width:100%" fit>
<el-table-column label="" width="50">
<template scope="scope">
<el-radio :label="gridData[scope.$index].classId" v-model="radio" @change.native="getCurrentRow(scope.$index)"></el-radio>
</template>
</el-table-column>
<el-table-column prop="className" label="班級名稱" width="220"></el-table-column>
<el-table-column prop="gradeSubject" label="年級/科目" width="150"></el-table-column>
<el-table-column prop="teachingTime" label="授課時段" width=""></el-table-column>
<el-table-column prop="teacher" label="任課老師" width="100"></el-table-column>
<el-table-column prop="classTypeName" label="班型" width=""></el-table-column>
</el-table>
<!--分頁-->
<p class="page-box">
<el-pagination layout="prev, pager, next" :page-count="pageTotal" :current-page="currentPage" @current-change="onChangePage"></el-pagination>
</p>
溫故而知新,可以為師矣。 博客:www.ouyangke.com
<el-table-column type="index" width="60px"></el-table-column>
1.需要加上width屬性;
2.如果你有五列,讓其中一列不設(shè)置width,這樣能好看一些。
--> 你可以試一下。^_^
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://m.miracleart.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號