javascript - Mauvaise ligne de la table Element UI

Question

Lors du développement avec Element UI et Vue, j'ai remplacé le composant de dialogue d'Element UI par mon propre composant. Dans ce composant, j'ai utilisé le composant de table dans Element UI. J'ai constaté que parfois le rendu fonctionnait mal. La raison est maintenant trouvée. être moi. La raison de l’ajout du bouton radio, mais je ne sais pas comment le résoudre. Comme le montre l'image ci-dessous, veuillez demander au maître de répondre à vos questions

<!--table de dialogue-->

  <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>
 

Answer 1

<el-table-column type="index" width="60px"></el-table-column>
1 Vous devez ajouter l'attribut width
2. , laissez l'une des colonnes n'a pas de largeur définie pour qu'elle soit meilleure.

--> Vous pouvez l'essayer. ^_^