Unanswered

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.

Categories:

Power Apps portals

I have the same question (0)

All responses (4)

Answers (1)

StalinPonnusamy Super User 2024 Season 1 on at

Like (0)

Report
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

})})

Was this reply helpful? Yes No
Verified answer

OOlashyn 3,496 Most Valuable Professional on at

Like (1)

Report
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

Was this reply helpful? Yes No
D365 Customer commu... 5 on at

Like (0)

Report

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.

Was this reply helpful? Yes No
OOlashyn 3,496 Most Valuable Professional on at

Like (0)

Report
@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.

Was this reply helpful? Yes No