Base solution for your next web application
Open Closed

Convert or change ui of the Grid in Angular #7358


User avatar
0
PMS created

Hi ,

Please give me the steps or somthing related design or code like How can I change the grid design.

Find the attached images.

This is my default grid design. Want to change like this

Markdown is supported
Copy & paste or drag & drop images (max 30 MB per image)

3 Answer(s)
  • User Avatar
    0
    ismcagdas created
    Support Team
    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)
  • User Avatar
    0
    PMS created

    Tnx. In case we want to spare some time can we find somewere original css used on metronic demos? https://keenthemes.com/metronic/preview/demo1/crud/metronic-datatable/base/data-local.html

    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)
  • User Avatar
    0
    ismcagdas created
    Support Team

    Hi,

    Yes, you can find it in Metronics source code but the thing is, we are using PrimeNG Table component but Metronic uses https://material.angular.io/components/table/overview, so the stlye you will find will not be compatible with PrimeNG Table.

    However, you can still inspire from Metronics styles.

    You can dowload Metronic on https://aspnetzero.com/download page. The links are at the bottom of the page.

    Markdown is supported
    Copy & paste or drag & drop images (max 30 MB per image)