javascript - Jadual UI Elemen baris yang salah
欧阳克
欧阳克 2017-07-05 10:41:12
0
1
1121

Apabila membangun dengan UI Elemen dan Vue, saya menukar komponen dialog dalam UI Elemen kepada komponen saya sendiri Dalam komponen ini, saya menggunakan komponen jadual dalam UI Elemen, saya mendapati bahawa rendering akan menjadi salah untuk menjadi saya. Sebab untuk menambah butang radio, tetapi saya tidak tahu bagaimana untuk menyelesaikannya. Seperti yang ditunjukkan dalam gambar di bawah, sila minta tuan untuk menjawab soalan anda

<!--jadual dialog-->

  <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

membalas semua(1)
習慣沉默

<el-table-column type="index" width="60px"></el-table-column>
1 Anda perlu menambah atribut lebar
2 , biarkan Salah satu lajur tidak mempunyai set lebar supaya ia kelihatan lebih baik.

--> Anda boleh mencubanya. ^_^

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!