diff --git a/api-generator/components/datatable.js b/api-generator/components/datatable.js index 4ab85dbcc..919ac7b91 100644 --- a/api-generator/components/datatable.js +++ b/api-generator/components/datatable.js @@ -323,6 +323,12 @@ const DataTableProps = [ default: "null", description: 'Height of the scroll viewport in fixed units or the "flex" keyword for a dynamic size.' }, + { + name: "virtualScrollerOptions", + type: "object", + default: "null", + description: 'Whether to use the virtualScroller feature. The properties of VirtualScroller component can be used like an object in it. Note: Currently only vertical orientation mode is supported.' + }, { name: "frozenValue", type: "array", diff --git a/src/views/datatable/DataTableDoc.vue b/src/views/datatable/DataTableDoc.vue index c1a50bfd7..09e395af1 100755 --- a/src/views/datatable/DataTableDoc.vue +++ b/src/views/datatable/DataTableDoc.vue @@ -452,6 +452,15 @@ export default { field: Column field
filterModel: {value,matchMode} Filter metadata
filterCallback: Callback function + + + loading + data: Row data
+ column: Column node
+ field: Column field
+ index: Row index
+ frozenRow: Is row frozen
+ loadingOptions: Loading options. @@ -1126,7 +1135,7 @@ export default {

Individual cell editing is configured by setting the editMode to cell, defining editors with the editor template along with the @cell-edit-complete event. The content of the - editor defines how the editing is implemented. The editor template receives a clone of the row data and using @cell-edit-complete event the new value can be updated to the model or cancelled. + editor defines how the editing is implemented. The editor template receives a clone of the row data and using @cell-edit-complete event the new value can be updated to the model or cancelled. This also provides flexibility to apply conditional logic such as implementing validations.