vue+element 中 table表格平时使用的整理

   <!--
     * v-loading -> 加载时转圈圈
     * highlight-current-row -> 点击行时是否要高亮当前行
     * height -> 纯数字时单位是px,数字加单位时则这个高度会设置为 Table 的 style.height 的值
     * size -> Table 的尺寸(medium / small / mini)
     * class
     * style
    -->
    <el-table
      v-loading="true"
      :data="tableData"
      highlight-current-row
      height="450"
      size="mini"
      class="caonimabi"
      style="width: 66%">
      <!--
       * show-overflow-tooltip -> 当内容过长被隐藏时显示 tooltip
       * align -> 对齐方式(left/center/right)
       * prop -> 对应列内容的字段名,也可以使用 property 属性
       * label -> 显示的标题
       * width -> 对应列的宽度
      -->
      <el-table-column
        :show-overflow-tooltip="true"
        align="left"
        prop="date"
        label="日期"
        width="180">
      </el-table-column>
    </el-table>

猜你喜欢

转载自www.cnblogs.com/XUYIYUAN/p/12274080.html
今日推荐