Can we Customize Template Grid?

1
Hi, I want to show data in grid. I am using template grid as follow. So i am getting result as follow :  I don’t want to repeat the header. I can not use data grid here because the action column is not in my entity. I followed the solution from following link but the css style they have provided is not valid “https://community.mendix.com/link/questions/87564” Is there any way to fix the header? TIA.
asked
6 answers
4

What about creating another table that only contains the header outside of your template grid (above)?

answered
3

Hi Swati,

This can be done with css. Add this class to your style sheet:

.grid-inlineheader.mx-templategrid {
    .mx-templategrid-row {
        .grid-inlineheader-header {
            display: none;
        }
    }
    .mx-templategrid-row:first-child {
        .grid-inlineheader-header {
            display: table-row;
        }
    }
}

 

Then add the class “grid-inlineheader to your template grid and then the same class to the row of your table with the header.

 

Now only the first rows header will be shown.

 

Here is some documentation on using koala to edit your sass files.

https://docs.mendix.com/howto7/front-end/setup-mendix-ui-framework-with-koala#1-introduction

answered
2

for stuff like this we usually just use listview with table above as a header, then inside the listview have your data.

heres a vid: https://youtu.be/4b_KcskMj2A?t=1748

 

answered
1

 

custom.scss file in text editor

answered
1

Koala compile

answered
0

 

CSS Issue.

answered