国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

javascript - Element UI table wrong row
歐陽克
歐陽克 2017-07-05 10:41:12
0
1
1404

When developing with Element UI and Vue, change the diaolog component in Element UI into its own component. Use the table component in Element UI in this component. I found that sometimes the rendering will be wrong. The reason is currently found. It's because of the radio button I added, but I don't know how to solve it. As shown in the picture below, please ask the master to answer your questions

<!--diaolog table-->

  <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

reply all(1)
習慣沉默

<el-table-column type="index" width="60px"></el-table-column>
1. You need to add the width attribute;
2. If you have five columns, let One of the columns does not have a width set so that it looks better.

--> You can try it. ^_^

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template