PrimeVue DataTable 属性值解析

2024-08-31 17:44

本文主要是介绍PrimeVue DataTable 属性值解析,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

primeVue DataTable组件的属性值使用

DataTable属性
NameTypeDefaultdescription
valuenull | any[]

null

要显示的对象数组。
dataKeystring | Function

null

唯一标识数据中的记录的字段名称。
rowsnumber

0

每页显示的行数。
firstnumber

0

要显示的第一行的索引。
totalRecordsnumber

0

总记录数,未定义时默认为值的长度。
paginatorboolean

false

当指定为 true 时,启用分页。
paginatorPosition"top" | "bottom" | "both"

bottom

分页器的位置,选项为“顶部”、“底部”或“两者”。
alwaysShowPaginatorboolean

true

即使只有一页也显示
paginatorTemplateany

FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown

分页器的模板。可以使用预定义键通过模板属性进行自定义。- FirstPageLink - PrevPageLink - PageLinks - NextPageLink - LastPageLink - RowsPerPageDropdown - JumpToPageDropdown - JumpToPageInput - CurrentPageReport
pageLinkSizenumber

5

要显示的页面链接数。
rowsPerPageOptionsnumber[]

null

每页下拉列表中显示的行内的整数值数组。
currentPageReportTemplatestring

'({currentPage} of {totalPages})'

当前页面报告元素的模板。它显示有关分页状态的信息。可用的占位符如下:- {currentPage} - {totalPages} - {rows} - {first} - {last} - {totalRecords}
lazyboolean

false

定义是否以惰性方式加载和交互数据。
loadingboolean

false

显示加载器以指示数据加载正在进行中。
loadingIconstring

null

显示的图标表示数据加载正在进行中。
sortFieldstring | Function

null

默认用于排序的行数据的属性名或 getter 函数
sortOrdernumber

null

按默认顺序对数据进行排序。
nullSortOrdernumber

1

确定空值的排序方式。
defaultSortOrdernumber

1

未排序列的默认排序顺序。
multiSortMetaDataTableSortMeta[]

null

用于对数据进行排序的 SortMeta 对象数组。
sortMode"single" | "multiple"

single

定义排序是否对单列或多列进行。
removableSortboolean

false

启用后,列可以处于未排序状态。
filtersDataTableFilterMeta

null

使用键值对的过滤器对象来定义过滤器。
filterDisplay"menu" | "row"

null

过滤元件的布局。
globalFilterFields(string | Function)[]

null

用于全局过滤的字符串或函数形式的字段数组。
filterLocalestring

null

过滤时使用的区域设置。默认区域设置是主机环境的当前区域设置。
selectionany

null

在单一模式下选定行或在多重模式下选定值数组。
selectionMode"single" | "multiple"

null

指定选择模式。
compareSelectionBy"equals" | "deepEquals"

deepEquals

定义是否选择了某一行的算法。
metaKeySelectionboolean

false

定义选择是否需要 metaKey。设置为 true 时,需要按下 metaKey 来选择或取消选择某项;设置为 false 时,可以单独切换每项选择。在支持触摸的设备上,metaKeySelection 会自动关闭。
contextMenuboolean

false

启用上下文菜单集成。
contextMenuSelectionany

null

使用 ContextMenu 选定的行实例。
selectAllNullable<boolean>

null

是否选择所有数据。
rowHoverboolean

false

启用后,行的背景会在悬停时发生变化。
csvSeparatorstring

,

用作 csv 分隔符的字符。
exportFilenamestring

download

导出文件的名称。
exportFunctionFunction

null

resizableColumnsboolean

false

启用后,可以通过拖放操作调整列的大小。
columnResizeMode"fit" | "expand"

fit

定义表格的整体宽度。
reorderableColumnsboolean

false

启用后,可以通过拖放操作对列进行重新排序。
expandedRowsnull | any[] | DataTableExpandedRows

null

以扩展形式显示的行数据集合。
expandedRowIconstring

null

行切换器的图标用于显示扩展的行。
collapsedRowIconstring

null

行切换器的图标用于显示折叠的行。
rowGroupMode"subheader" | "rowspan"

null

定义行组模式。
groupRowsBystring | string[] | Function

null

用于行分组的一个或多个字段名称。
expandableRowGroupsboolean

false

行组是否可以展开。
expandedRowGroupsany[] | DataTableExpandedRows

null

一组字段值的数组,这些字段值的组将呈现为展开的。
stateStorage"session" | "local"

session

定义有状态表保存其状态的位置。
stateKeystring

null

在状态存储中使用的有状态表的唯一标识符。
editMode"row" | "cell"

null

定义单元格内的编辑模式。
editingRowsany[] | DataTableEditingRows

null

用于表示行编辑模式下当前编辑数据的行集合。
rowClassFunction

null

rowStyleFunction

null

scrollableboolean

false

指定后,启用水平和/或垂直滚动​​。
scrollHeightHintedString<"flex">

null

滚动视口的高度(以固定像素为单位)或“flex”关键字表示动态尺寸。
virtualScrollerOptionsanynull是否使用 virtualScroller 特性。VirtualScroller 组件的属性可以像对象一样使用。注意:目前仅支持垂直方向模式。
frozenValuenull | any[]null可滚动 DataTable 中冻结部分的项目。
breakpointstring960px使用堆栈响应式布局时定义最大宽度边界的断点。
showGridlinesbooleanfalse是否显示单元格之间的网格线。
stripedRowsbooleanfalse是否以交替颜色显示行。
highlightOnSelectbooleanfalse自动突出显示第一项。
size"large" | "small"null定义表的大小。
tableStylestring | objectnull表格元素的内联样式。
tableClassstring | objectnull表格元素的样式类。
tablePropsTableHTMLAttributesnull用于将 TableHTMLAttributes 的所有属性传递给组件内的表元素。
filterInputProps

InputHTMLAttributes

输入HTML属性

null用于将 HTMLInputElement 的所有属性传递给组件内部可聚焦的过滤输入元素。
filterButtonProps

DataTableFilterButtonPropsOptions

数据表过滤器按钮属性选项

null用于传递所有过滤器按钮属性对象
editButtonProps

DataTableEditButtonPropsOptions

数据表编辑按钮道具选项

null用于传递所有编辑按钮属性对象
dtanynull它使用组件的设计令牌生成范围 CSS 变量。
ptPassThrough<DataTablePassThroughOptions>null用于将属性传递给组件内部的 DOM 元素。
ptOptionsanynull用于配置组件的passthrough(pt)选项。
unstyledbooleanfalse启用后,它会删除核心中与组件相关的样式。

Emits

Emits
nameparametersreturnTypedescription
update:first

value: number

void

当第一次改变时发出。
update:rows

value: number

void

当行发生变化时发出。
update:sortField

value: string

void

当 sortField 改变时发出。
update:sortOrder

value: undefined | number

void

当 sortOrder 改变时发出。
update:multiSortMeta

value: undefined | null | DataTableSortMeta[]

void

当 multiSortMeta 改变时发出。
update:selection

value: any

void

当选择改变时发出。
update:contextMenuSelection

value: any

void

当 contextMenuSelection 改变时发出
update:expandedRows

value: any[] | DataTableExpandedRows

void

当expandedRows改变时发出。
update:expandedRowGroups

value: any[] | DataTableExpandedRows

void

当expandedRowGroups改变时发出。
update:filters

value: DataTableFilterMeta

void

当过滤器改变时发出。
update:editingRows

value: any[] | DataTableEditingRows

void

当 editingRows 改变时发出。
page

event: DataTablePageEvent

void

分页时调用的回调。排序和过滤信息也可用于延迟加载实现。
sort

event: DataTableSortEvent

void

排序时调用的回调。页面和过滤器信息也可用于延迟加载实现。
filter

event: DataTableFilterEvent

void

过滤后发出的事件,在惰性模式下不会触发。
value-change

value: any[]

void

过滤、排序、分页和单元格编辑后调用的回调来传递渲染的值。
row-click

event: DataTableRowClickEvent

void

当单击某一行时调用的回调。
row-dblclick

event: DataTableRowDoubleClickEvent

void

双击某一行时调用的回调。
row-contextmenu

event: DataTableRowContextMenuEvent

void

当使用 ContextMenu 选择一行时调用的回调。
row-select

event: DataTableRowSelectEvent

void

当选择一行时调用的回调。
row-select-all

event: DataTableRowSelectAllEvent

void

当选中标题复选框时触发。
row-unselect-all

event: DataTableRowUnselectAllEvent

void

当标题复选框未选中时触发。
row-unselect

event: DataTableRowUnselectEvent

void

当取消选择某一行时调用的回调。
select-all-change

event: DataTableSelectAllChangeEvent

void

当选择所有数据时调用的回调
column-resize-end

event: DataTableColumnResizeEndEvent

void

当调整列大小时调用的回调。
column-reorder

event: DataTableColumnReorderEvent

void

当列重新排序时调用的回调。
row-reorder

event: DataTableRowReorderEvent

void

当行重新排序时调用的回调。
row-expand

event: DataTableRowExpandEvent

void

当行展开时调用的回调。
row-collapse

event: DataTableRowCollapseEvent

void

当行折叠时调用的回调。
rowgroup-expand

event: DataTableRowExpandEvent

void

当行组展开时调用的回调。
rowgroup-collapse

event: DataTableRowCollapseEvent

void

当行组折叠时调用的回调。
cell-edit-init

event: DataTableCellEditInitEvent

void

当启动单元格编辑时调用的回调。
cell-edit-complete

event: DataTableCellEditCompleteEvent

void

当单元格编辑完成时调用的回调。
cell-edit-cancel

event: DataTableCellEditCancelEvent

void

当使用退出键取消单元格编辑时调用的回调。
row-edit-init

event: DataTableRowEditInitEvent

void

当启动行编辑时调用的回调。
row-edit-save

event: DataTableRowEditSaveEvent

void

当行编辑被保存时调用的回调。
row-edit-cancel

event: DataTableRowEditCancelEvent

void

当取消行编辑时调用的回调。
state-restore

event: DataTableStateEvent

void

当有状态表保存状态时调用。
state-save

event: DataTableStateEvent

void

当有状态表恢复状态时调用。

这篇关于PrimeVue DataTable 属性值解析的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1124570

相关文章

SpringCloud动态配置注解@RefreshScope与@Component的深度解析

《SpringCloud动态配置注解@RefreshScope与@Component的深度解析》在现代微服务架构中,动态配置管理是一个关键需求,本文将为大家介绍SpringCloud中相关的注解@Re... 目录引言1. @RefreshScope 的作用与原理1.1 什么是 @RefreshScope1.

Java并发编程必备之Synchronized关键字深入解析

《Java并发编程必备之Synchronized关键字深入解析》本文我们深入探索了Java中的Synchronized关键字,包括其互斥性和可重入性的特性,文章详细介绍了Synchronized的三种... 目录一、前言二、Synchronized关键字2.1 Synchronized的特性1. 互斥2.

Java的IO模型、Netty原理解析

《Java的IO模型、Netty原理解析》Java的I/O是以流的方式进行数据输入输出的,Java的类库涉及很多领域的IO内容:标准的输入输出,文件的操作、网络上的数据传输流、字符串流、对象流等,这篇... 目录1.什么是IO2.同步与异步、阻塞与非阻塞3.三种IO模型BIO(blocking I/O)NI

Python 中的异步与同步深度解析(实践记录)

《Python中的异步与同步深度解析(实践记录)》在Python编程世界里,异步和同步的概念是理解程序执行流程和性能优化的关键,这篇文章将带你深入了解它们的差异,以及阻塞和非阻塞的特性,同时通过实际... 目录python中的异步与同步:深度解析与实践异步与同步的定义异步同步阻塞与非阻塞的概念阻塞非阻塞同步

Redis中高并发读写性能的深度解析与优化

《Redis中高并发读写性能的深度解析与优化》Redis作为一款高性能的内存数据库,广泛应用于缓存、消息队列、实时统计等场景,本文将深入探讨Redis的读写并发能力,感兴趣的小伙伴可以了解下... 目录引言一、Redis 并发能力概述1.1 Redis 的读写性能1.2 影响 Redis 并发能力的因素二、

Spring MVC使用视图解析的问题解读

《SpringMVC使用视图解析的问题解读》:本文主要介绍SpringMVC使用视图解析的问题解读,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Spring MVC使用视图解析1. 会使用视图解析的情况2. 不会使用视图解析的情况总结Spring MVC使用视图

浅析CSS 中z - index属性的作用及在什么情况下会失效

《浅析CSS中z-index属性的作用及在什么情况下会失效》z-index属性用于控制元素的堆叠顺序,值越大,元素越显示在上层,它需要元素具有定位属性(如relative、absolute、fi... 目录1. z-index 属性的作用2. z-index 失效的情况2.1 元素没有定位属性2.2 元素处

利用Python和C++解析gltf文件的示例详解

《利用Python和C++解析gltf文件的示例详解》gltf,全称是GLTransmissionFormat,是一种开放的3D文件格式,Python和C++是两个非常强大的工具,下面我们就来看看如何... 目录什么是gltf文件选择语言的原因安装必要的库解析gltf文件的步骤1. 读取gltf文件2. 提

Java中的runnable 和 callable 区别解析

《Java中的runnable和callable区别解析》Runnable接口用于定义不需要返回结果的任务,而Callable接口可以返回结果并抛出异常,通常与Future结合使用,Runnab... 目录1. Runnable接口1.1 Runnable的定义1.2 Runnable的特点1.3 使用Ru

使用EasyExcel实现简单的Excel表格解析操作

《使用EasyExcel实现简单的Excel表格解析操作》:本文主要介绍如何使用EasyExcel完成简单的表格解析操作,同时实现了大量数据情况下数据的分次批量入库,并记录每条数据入库的状态,感兴... 目录前言固定模板及表数据格式的解析实现Excel模板内容对应的实体类实现AnalysisEventLis