The New Way to Build! Introducing ReUI — the developer platform for agentic UI with shadcn/ui
Learn More

Change layout from a database (Metronic)


I have at the moment a big datbase with a lot of columns. I want to change this, that the results should similar like in search engine from google. Are there elements in Metronic that i can use?


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (9)


Yes, you can. Metronic includes components like Cards, Lists, and Search layouts that let you display data similar to Google’s search results. Instead of a table, render each database record inside a card or list item. Check Metronic’s examples under Apps → Search and Components → Cards to structure results with titles, descriptions, and links dynamically from your database.



summer nails are bright, bold, and full of fun vibes. Popular colors include neon shades, coral, turquoise, and sunny yellow. Designs often feature tropical themes like palm trees, waves, fruits, and vibrant patterns—perfect for beach days and vacations.



Hi,

You can use Datatable plugin shown here to display large dataset from server side search.

Also, you can see some other layouts that can be useful:
Users listing.

Regards.



Hello, this link here is not working:

which plugin do you mean?



Hi,

Sorry, please refer to this link.

Regards.



Hi Justus,

If you want the user to be able to change the layout of the application from the database. Consider using the indexedDB inside of their browser. This is currently what I am using for my project and it works great.

IndexedDB Documentation



i dont want that the user can change the layout



Could you please provide us with more info? What is your Metronic version and framework(React, Angular, Vue, or HTML)?



Laravel, Metronic 8 (Last updated version)


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(