vuejs学习之路 el-table表格完善demo（页数描述、翻页等问题）（六）

最新推荐文章于 2024-04-15 09:31:01 发布

vue从入门到放弃

最新推荐文章于 2024-04-15 09:31:01 发布

阅读量422

点赞数

分类专栏：学习文章标签： vue 表格

本文链接：https://blog.csdn.net/u013690446/article/details/103583435

版权

本文详细介绍了在Vue.js中使用el-table组件构建带有页数描述和翻页功能的表格的实践过程，针对可能出现的问题提供了解决方案，帮助开发者完善表格的用户体验。

摘要由CSDN通过智能技术生成

<template>
  <div class="table">
    <div class="container">
      <div class="handle-box">
        <el-input v-model="select_word" placeholder="创建人" class="handle-input" @focus="change_search"></el-input>
        <el-button type="primary" icon="el-icon-search" @click="search">搜索任务</el-button>
      </div>

      <el-table :data="bigTableData" stripe border fit style="width: auto" class="table" type="index">
        <el-table-column prop="planname" label="计划名称" sortable></el-table-column>
        <el-table-column prop="creater" label="创建人" sortable></el-table-column>
        <el-table-column label="详细数据" show-overflow-toolti