cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
raginpatel
Frequent Visitor

Grid View vertical line between columns

Hello Experts,

 

I am new to PowerApps Portal and need some of your advise. Is it possible to add vertical line between each columns in the grid?  If yes, please guide me how to achieve this.

 

raginpatel_0-1619104740753.png

 

Thank you in advance.

 

 

1 ACCEPTED SOLUTION

Accepted Solutions
OOlashyn
Super User
Super User

Hi @raginpatel ,

 

You would need to add some custom css to the page. If you have only one grid on the page or you have multiple but want to add a line to all the easiest way would be to update the styling of th tag:

th {
    border-right: 1px solid black;
}

Result will look something like this (see attached).

 

----------------------------------------------------
If you find this post helpful consider marking it as a solution to help others find it.

View solution in original post

4 REPLIES 4
StalinPonnusamy
Helper III
Helper III

There is no way with low code. We need to write JQuery/Javascript. I have done for Specific column color based on data. I'm pretty confident we can able to do using JS.

 

This is like find tr on the grid and update border

 

  • Go to Entity List > Open the "Options" Tab
  • Write Custom javascript

 

$(document).ready(function () {

$("#EntityListControl").on("loaded", function () {

// perform your action

})})
OOlashyn
Super User
Super User

Hi @raginpatel ,

 

You would need to add some custom css to the page. If you have only one grid on the page or you have multiple but want to add a line to all the easiest way would be to update the styling of th tag:

th {
    border-right: 1px solid black;
}

Result will look something like this (see attached).

 

----------------------------------------------------
If you find this post helpful consider marking it as a solution to help others find it.

View solution in original post

Hello OOlashym,

 

Your solution works. However is it possible to have vertical lines between data as well? At present lines show up in header part of the grid only.

 

raginpatel_0-1619183507048.png

Thank you so much.

@raginpatel, yes you can add lines there as well. You would need to use CSS like this:

td {
    border-right: 1px solid black;
}

Entity list is rendered as a regular HTML table, so you can google how to style them and apply that. Hope this will help.

----------------------------------------------------
If you find this post helpful consider marking it as a solution to help others find it.

Helpful resources

Announcements
PA User Group

Welcome to the User Group Public Preview

Check out new user group experience and if you are a leader please create your group

MBAS Attendee Badge

Claim Your Badge & Digital Swag!

Check out how to claim yours today!

secondImage

Are Your Ready?

Test your skills now with the Cloud Skill Challenge.

secondImage

Demo Extravaganza is Back!

We are excited to announce that Demo Extravaganza for 2021 has started!

Top Solution Authors
Users online (58,418)