Data grid vertical lines

[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!