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 {
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.
@@ -1226,7 +1235,7 @@ export default {
- Row Editing is specified by setting cellEdit as row, defining editingRows with the v-model directive to hold the reference of the editing rows, +
Row Editing is specified by setting cellEdit as row, defining editingRows with the v-model directive to hold the reference of the editing rows, adding a row editor column to provide the editing controls and implementing @row-edit-save to update the original row data. Note that since editingRows is two-way binding enabled, you may use it to initially display one or more rows in editing more or programmatically toggle row editing.
@@ -2132,6 +2141,13 @@ export default {
null
Height of the scroll viewport in fixed pixels or the "flex" keyword for a dynamic size.
+
+ virtualScrollerOptions
+ object
+ null
+ 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.
+
frozenValue
array