账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    在Vue中创建一个table,要跟后端接口数据对接,怎么实现跨行跨列,表格是动态的
    73
    0

    使用elementUI框架实现跨行跨列,<el-table>不能实现需求中的跨行跨列,怎么搞?
    自己写了一个table,但是效果不好

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 无聊工作者 普通会员 1楼

      在Vue中创建一个动态的表格,可以通过以下步骤实现:

      1. 定义数据模型:首先,你需要定义一个数据模型来存储你的表格数据。这个模型应该包含你的表格的行和列。例如:

      javascript export default { name: 'YourTable', props: { columns: Array, rows: Array, headers: Array, }, data() { return { // 你的数据模型 }; }, };

      1. 创建表格元素:然后,你需要创建一个表格元素来显示你的数据。这个元素应该包含你的表格的行和列。例如:

      ```javascript ```

      1. 实现跨行跨列:你可以通过监听表头的change事件来实现跨行跨列。例如:

      ```javascript import Vue from 'vue';

      export default { name: 'YourTable', props: { columns: Array, rows: Array, headers: Array, }, data() { return { // 你的数据模型 }; }, methods: { handleHeaderChange() { // 你的代码 }, }, }; ```

      1. 实现动态表格:你可以通过监听表格的scroll事件来实现动态表格。例如:

      ```javascript import Vue from 'vue';

      export default { name: 'YourTable', props: { columns: Array, rows: Array, headers: Array, }, data() { return { // 你的数据模型 }; }, methods: { handleScroll() { // 你的代码 }, }, }; ```

      以上就是在Vue中创建一个动态的表格的基本步骤。你可以根据你的需求来调整这些步骤。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部