The “No data to display” alert appears when your data source is empty or there is no record found that matches the criteria specified in Awesome Table’s Query field.
“No data to display” showing based on the condition specified in the Query field.
If you want to customize it to bring more context that’s specific to your use case or application, you can do so easily. In the Awesome Table editor’s sidebar, click FORMATTING, then type in your preferred message under the Optional error message field. Don’t forget to click the UPDATE VIEW button for the changes to take effect.
A modified “No data to display” message.
But if that is still too vanilla for you, you can use HTML & CSS inline styles in the Optional error message field. For this simple example, we used the code below:
<H2 style="background-color: black; border-radius:
10px; color: yellow; padding: 10px;"> Good news !
<br> No incidents today 😄 </H2> <br>
A customized “No data to display” message with HTML & inline CSS.
Please sign in to leave a comment.