elementplus表格能显示多少行

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了elementplus表格能显示多少行相关的知识,希望对你有一定的参考价值。

如果你的需求只显示一行,那就一个属性搞定 show-overflow-tooltip 详情见官网
show-overflow-tooltip就生效,只显示一行

<el-table-column
show-overflow-tooltip
prop="content"
header-align="center"
align="center"
label="内容">
</el-table-column>
登录后复制
如果你的需求是,显示多行,剩余的省略
<el-table-column
width="300"
prop="content"
header-align="center"
align="center"
label="内容">
<template slot-scope="scope">
<el-tooltip :content="scope.row.content" placement="top">
<p class="showOverTooltip">scope.row.content</p>
</el-tooltip>
</template>
</el-table-column>
登录后复制

关键就在这个css,自己设置一个css,想显示多少行,自己设定

<style scoped>
.showOverTooltip
display:-webkit-box;
text-overflow:ellipsis;
overflow:hidden;
/*这里是3行*/
-webkit-line-clamp: 3;
-webkit-box-orient:vertical;

</style>
登录后复制

效果就出来了
参考技术A elementplus表格能显示多少行?答:表格内容太多,想显示3行,剩余的文字用省略号代替 如果你的需求只显示一行,那就一个属性搞定。

如何让文本标签显示表格中有多少行

【中文标题】如何让文本标签显示表格中有多少行【英文标题】:How do you make a Text Label display how many rows there are in the table 【发布时间】:2009-05-04 18:05:45 【问题描述】:

我正在使用 Core Data 并且想要一个文本标签来显示表格中有多少行,我需要在类文件中输入什么代码来执行此操作?

【问题讨论】:

表格中显示什么?我通常显示一个 NSMutableArray,因此可以使用 [NSMutableArray count] 来找出表中有多少行。 它只显示核心数据的默认值。 【参考方案1】:

假设您的 NSTableView 的列绑定到 NSArrayController,您可以使用控制器键“arrangedObjects”和键路径 @count 将 NSTextField 标签的值绑定到数组控制器。如果要将文本字段绑定到“x 行”之类的内容,其中 x 是行数,则可以将“显示模式值 1”绑定到相同的 (arrangedObjects.@count) 并使用“%value1@ 行" 作为显示模式。

【讨论】:

【参考方案2】:

像往常一样在托管对象上下文上设置获取请求,然后调用countForFetchRequest:。不要忘记订阅NSManagedObjectContextObjectsDidChangeNotification,以便在添加或删除对象时更新它!

【讨论】:

示例代码,如果可以的话,好吗? Joshua:如果您不知道如何设置获取请求或者您不知道如何注册为本地通知观察者,请阅读文档:developer.apple.com/documentation/Cocoa/Conceptual/CoreData 和 developer.apple.com/documentation/Cocoa/Conceptual/…

以上是关于elementplus表格能显示多少行的主要内容,如果未能解决你的问题,请参考以下文章

如何使菜单栏项显示表格中有多少行?

jqgrid加载json数据时,后台有返回数据,而且有多少行就加载了多少行的表格,可是每行的数据都显示为空。

elemen-table表格数据转换-formatter属性

element-plus表格内select弹出框位置

Elment Plus表格展开行后,进行修改数据后展开行自动收起

vue3应用elementPlus table并滚动显示