diff --git a/components/datalist/datalist.css b/components/datalist/datalist.css
index 6b764f51f87..9aa70e674d4 100644
--- a/components/datalist/datalist.css
+++ b/components/datalist/datalist.css
@@ -24,4 +24,8 @@
.ui-datalist .ui-datalist-data > li {
list-style-type: none;
+}
+
+.ui-datalist .ui-datalist-emptymessage {
+ padding: .5em .75em;
}
\ No newline at end of file
diff --git a/components/datalist/datalist.ts b/components/datalist/datalist.ts
index 798933f1a27..a57cabc2727 100644
--- a/components/datalist/datalist.ts
+++ b/components/datalist/datalist.ts
@@ -14,6 +14,7 @@ import {BlockableUI} from '../common/api';
+
{{emptyMessage}}
-
@@ -51,6 +52,8 @@ export class DataList implements AfterViewInit,AfterContentInit,DoCheck,Blockabl
@Input() styleClass: string;
@Input() paginatorPosition: string = 'bottom';
+
+ @Input() emptyMessage: string = 'No records found';
@Output() onPage: EventEmitter = new EventEmitter();
diff --git a/showcase/demo/datalist/datalistdemo.html b/showcase/demo/datalist/datalistdemo.html
index ab6a23f59d3..6e504a52161 100644
--- a/showcase/demo/datalist/datalistdemo.html
+++ b/showcase/demo/datalist/datalistdemo.html
@@ -280,6 +280,12 @@
Attributes
bottom |
Position of the paginator, options are "top","bottom" or "both". |
+
+ emptyMessage |
+ string |
+ No records found. |
+ Text to display when there is no data. |
+
@@ -342,6 +348,10 @@ Styling
ui-datalist-data |
Item container element. |
+
+ ui-datalist-emptymessage |
+ Element containing the empty message. |
+