Table functions > The “Search…” placeholder

Crud Elite

Getting Started

Action Column

Hide action column

Add buttons to action column

Table functions

Default sorting

“Show 10 records” drop-down

The “Search…” placeholder

Exported file

Columns ordering

Custom content in a column

Confirm delete popup

Common issues

Edit auratheme.table.js

Other

Clone for another table

How it works

Read data for the table

How to change the "Search..." placeholder?


How can you change the search placeholder text in screenshot below? By default, the search bar displays 'Search...' as the placeholder. However, you might want to provide users with a clearer hint about what can be searched by changing it to 'search name or email.' Here’s how to update the placeholder text in the search bar.

image.png

The steps


Go to Helpers folder > TableHelper.cs > ClientTableConfig > change the value for SearchMessage

Example:

Original code is:

public static string SearchMessage = $"Search...";

You can change to:

public static string SearchMessage = $"Search Name or Email...";