Data grid vertical lines

[dominik]

I might be completely missing the obvious solution here - I’m trying to put vertical lines in a data grid for some of the column borders. Basically just showing the red lines drawn into the snapshot below:

I can’t seem to find a way to address the columns of the data grid and change their properties. Or is there another way to do this?

Thanks a lot in advance!

[dominik]

I want to specify my question after further digging and finding the following post from pre data grid times which gives an idea of what the data grid seems to be modeled after:

Building a rich table as a custom component

Hi all, I know that a data grid is our most requested feature right now - and we’re working on it! However, in the meantime, let me show you just how much you can do with an Anvil custom component. In response to a question on another thread, I built a Custom HTML form that builds a table in HTML. Here it is (NB updated link): [anvil-clone-button] It’s a custom component, and you use it like this: self.table_1.columns = ["Name", "Age"] self.table_1.data = [{'Name': 'Alice', 'Age': 2}…

So my question is: Is there a way I can change the html class of a data grid column to add left and right borders?

.border-left-and-right{
   border-right: 2px solid;
   border-left: 2px solid;
}

I was able to achieve this based on the example that Meredydd had so kindly provided in the original post (see link below) but I was hoping there was a way around rebuilding the whole data grid component from scratch just in order to set two borders of a column?

This is what I’m looking for:

Login

Thank you in advance for answering my question or any idea on how else to achieve this!

[sergiu]

Not sure if you are still looking for this, but you can go to THEME/Assets section of your app, choose to edit the theme.css asset and at the bottom paste this code.

.anvil-data-row-panel>.data-row-col {
   border-right: 2px solid;
   border-left: 2px solid;
}

Doesn’t look great, but it works!

If anyone know how to build a table similar to then one from Data tables, with alternating colors, and better borders, that would be great!