diff --git a/api-generator/components/datatable.js b/api-generator/components/datatable.js index 08e604f52..737934b9b 100644 --- a/api-generator/components/datatable.js +++ b/api-generator/components/datatable.js @@ -299,6 +299,12 @@ const DataTableProps = [ default: "null", description: "A function that takes the row data and returns a string to apply a particular class for the row." }, + { + name: "rowStyle", + type: "object", + default: "null", + description: "Inline style of the row." + }, { name: "scrollable", type: "boolean", diff --git a/src/components/datatable/DataTable.vue b/src/components/datatable/DataTable.vue index 0d6b524cd..9af187bf1 100755 --- a/src/components/datatable/DataTable.vue +++ b/src/components/datatable/DataTable.vue @@ -25,7 +25,7 @@ @column-dragstart="onColumnHeaderDragStart($event)" @column-dragover="onColumnHeaderDragOver($event)" @column-dragleave="onColumnHeaderDragLeave($event)" @column-drop="onColumnHeaderDrop($event)" @column-resizestart="onColumnResizeStart($event)" @checkbox-change="toggleRowsWithCheckbox($event)" /> - @@ -131,6 +131,10 @@ export default { type: null, default: null }, + rowStyle: { + type: null, + default: null + }, editMode: { type: String, default: null diff --git a/src/views/datatable/DataTableDoc.vue b/src/views/datatable/DataTableDoc.vue index bacdd6816..d48fa7955 100755 --- a/src/views/datatable/DataTableDoc.vue +++ b/src/views/datatable/DataTableDoc.vue @@ -2108,6 +2108,12 @@ export default { null A function that takes the row data and returns a string to apply a particular class for the row. + + rowStyle + object + null + Inline style of the row. + scrollable boolean