Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/363.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript vue元素ui如何创建多个摘要行_Javascript_Vue.js_Element Ui_Vue Tables 2 - Fatal编程技术网

Javascript vue元素ui如何创建多个摘要行

Javascript vue元素ui如何创建多个摘要行,javascript,vue.js,element-ui,vue-tables-2,Javascript,Vue.js,Element Ui,Vue Tables 2,我试图使用ElementUI中的数据表组件,但似乎遇到了summary rows特性的问题。 看起来您只能创建一个摘要行,如果我尝试返回多个值,它只会破坏表。 代码与中的代码几乎相同 我在找一个黑客或者替代者 我想知道是否有人做过类似的事情 谢谢。正式来说,这是不可能的,因为元素ui会为摘要生成一个单独的表格,这也确保了摘要的粘性(如果您为表格指定了高度)。但是,如果您不关心摘要的粘性,有两种可能的方法 向数据集中添加额外的行 使用附加槽。(在摘要之前生成“额外”行) ... 你好,世界 你

我试图使用ElementUI中的数据表组件,但似乎遇到了summary rows特性的问题。 看起来您只能创建一个摘要行,如果我尝试返回多个值,它只会破坏表。 代码与中的代码几乎相同

我在找一个黑客或者替代者

我想知道是否有人做过类似的事情


谢谢。

正式来说,这是不可能的,因为元素ui会为摘要生成一个单独的表格,这也确保了摘要的粘性(如果您为表格指定了高度)。但是,如果您不关心摘要的粘性,有两种可能的方法

  • 向数据集中添加额外的行

  • 使用附加槽。(在摘要之前生成“额外”行)

    
    ...
    你好,世界
    你好,世界
    

  • 我认为第二种解决方案更简洁,但是您可以自己设置追加行/列的样式,以便使其与表的其余部分相同。在第一个解决方案中,这是免费的。

    感谢您的回复。我已经尝试过这种方法,当然有效,但是排序表会导致它与其他数据混合,这就是为什么我需要以某种方式排除它。实现您自己的排序方法可以将列放在相同的位置
    <el-table>
        ...
        <template v-slot:append>
            <tr>
                <td>Hello world</td>
            </tr>
            <tr>
                <td>Hello world</td>
            </tr>
        </template>
    </el-table>