Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS

Light

DataTable Empty State

Hi,

Is there away to add a text message or a view that says no records found, like an empty state of table instead of just showing the table with no data in it?

Example: If we fetch data from the API URL, if no records found, I'd like to show a message that says "No records found" in the table content (single row)

Cheers
Omar

oozman 7 months ago

Datatables

2 Answers

Text formatting options

Private reply Submit

Here's a how to add some HTML formatting to your comment:

<pre></pre> for JS codes block
<pre lang="html"></pre> for HTML code block
<pre lang="scss"></pre> for SCSS code block
<pre lang="php"></pre> for PHP code block
<code></code> for single line of code
<strong></strong> to make things bold
<em></em> to emphasize
<ul><li></li></ul> to make list
<ol><li></li></ol> to make ordered list
<h3></h3> to make headings
<a></a> for links
<img> to paste in an image
<blockquote></blockquote> to quote somebody
:)
:|
:(

Replies (2)

Faizal Author7 months ago

Hi oozman,

Can you please send your datatable init code? We will help to check it

Thanks

Sean Author7 months ago

Hi,

May I know which template and version you are using?

Regards

Text formatting options

Private reply Submit

Here's a how to add some HTML formatting to your comment:

<pre></pre> for JS codes block
<pre lang="html"></pre> for HTML code block
<pre lang="scss"></pre> for SCSS code block
<pre lang="php"></pre> for PHP code block
<code></code> for single line of code
<strong></strong> to make things bold
<em></em> to emphasize
<ul><li></li></ul> to make list
<ol><li></li></ol> to make ordered list
<h3></h3> to make headings
<a></a> for links
<img> to paste in an image
<blockquote></blockquote> to quote somebody
:)
:|
:(

Text formatting options

Private reply Submit

Here's a how to add some HTML formatting to your comment:

<pre></pre> for JS codes block
<pre lang="html"></pre> for HTML code block
<pre lang="scss"></pre> for SCSS code block
<pre lang="php"></pre> for PHP code block
<code></code> for single line of code
<strong></strong> to make things bold
<em></em> to emphasize
<ul><li></li></ul> to make list
<ol><li></li></ol> to make ordered list
<h3></h3> to make headings
<a></a> for links
<img> to paste in an image
<blockquote></blockquote> to quote somebody
:)
:|
:(

Metronic

Go to Metronic Downloads License Guide & FAQ Purchase Metronic Refunds

Stay Connected With Us

The More We Learn, The More We Are Able To Innovate & To Develop

How about

a Custom Project ?

Since 2012, we have helped startups, blue chip companies and government agencies and successfully delivered over 120 custom projects.

Hire Experts

Secured payment by Paddle with