请问大佬们,element的表格el-table如何同时添加小计和合计功能

看了一遍element的文档发现表格没有同时实现小计和合计的教程,请问一下各位大佬有没有什么办法可以同时实现这个功能。感谢感谢!6c4742be-f937-420c-8785-670032944575.png

阅读 5.4k
4 个回答

一个思路,你得使用Element中el-table组件的作用域插槽功能,

    <el-table-column label="Operations">
      <template #default="scope">
        <el-button size="small" @click="handleEdit(scope.$index, scope.row)"
          >Edit</el-button
        >
        <el-button
          size="small"
          type="danger"
          @click="handleDelete(scope.$index, scope.row)"
          >Delete</el-button
        >
      </template>
    </el-table-column>

scope中拿到一排的数据然后计算一下

同楼上,小计用插槽,合计可以用的组件提供的方法来计算

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题