Answered

Grid View vertical line between columns

(0) Share

Report

Posted on by D365 Customer commu...

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.

Thank you in advance.

All responses (4)

Answers (1)

OOlashyn 3,496 Most Valuable Professional on at

Like (0)

Report
Re: Grid View vertical line between columns

@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.
D365 Customer commu... 5 on at

Like (0)

Report

Re: Grid View vertical line between columns

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.

Thank you so much.
Verified answer

OOlashyn 3,496 Most Valuable Professional on at

Like (1)

Report
Re: Grid View vertical line between columns

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).

table styling.png
StalinPonnusamy Super User 2024 Season 1 on at

Like (0)

Report
Re: Grid View vertical line between columns

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

})})