How to show empty message in datatable, If no data found in angularjs

Question

I am using this code

<table class="table table-striped b-t b-b patient-search-table"
ui-jp="dataTable" ui-option='{"emptyTable": "My Custom Message On
Empty Table"}'>
<tr><th>Name</th></tr>
<tr ng-repeat="user in users">
<td class="text-capitalize">{{user.name}}</td>
</tr>

So, how to show empty message in datatable, If no data found in angularjs.

Please specify, exactly where should I put your suggested code line ? — gaurav
– gaurav, Commented May 13, 2016 at 9:27
@jcubic Thanks its working without ui-option. thanks a lot — gaurav
– gaurav, Commented May 13, 2016 at 9:37
@jcubic : can you please put your comment as an ans so that this question has accepted ans. Otherwise people will come to ans. — gaurav
– gaurav, Commented May 13, 2016 at 9:49

jcubic · Accepted Answer · 2016-05-13 10:32:38Z

2

You can use ng-hide and check it array is not empty

<div ng-hide="users.length">No Data Found</div>

answered May 13, 2016 at 10:32

jcubic

67.1k58 gold badges252 silver badges466 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sajal · Accepted Answer · 2016-05-13 09:40:41Z

2

ng-if to check for length of users:

<table class="table table-striped b-t b-b patient-search-table"
ui-jp="dataTable" ui-option='{"emptyTable": "My Custom Message On
Empty Table"}' ng-if="users.length > 0">
<tr><th>Name</th></tr>
<tr ng-repeat="user in users" >
<td class="text-capitalize">{{user.name}}</td>
</tr>
<div ng-if="users.length == 0">My Custom Message On Empty table</div>

edited May 13, 2016 at 9:40

answered May 13, 2016 at 9:30

Sajal

4,4111 gold badge22 silver badges41 bronze badges

2 Comments

gaurav Over a year ago

your suggested ng-if and my ui-option both will work or just your .thanks.

gaurav Over a year ago

<div ng-hide="users.length">No Data Found</div> it's working for me Thanks

Collectives™ on Stack Overflow

How to show empty message in datatable, If no data found in angularjs

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related