# Vision Power Table - Add columns border with configureEditor()

**URL:** <https://forum.inductiveautomation.com/t/vision-power-table-add-columns-border-with-configureeditor/67607>\
**Category:** Ignition\
**Tags:** vision\
**Created:** [December 14, 2022, 12:37pm UTC](https://forum.inductiveautomation.com/t/vision-power-table-add-columns-border-with-configureeditor/67607 "2022-12-14T12:37:03Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![victor1](https://avatars.discourse-cdn.com/v4/letter/v/6de8d8/32.png) [@victor1](https://forum.inductiveautomation.com/u/victor1)\
**Post date:** [December 14, 2022, 12:37pm UTC](https://forum.inductiveautomation.com/t/vision-power-table-add-columns-border-with-configureeditor/67607/1 "2022-12-14T12:37:03Z")

</div>

Hey!  
I'm trying to make this kind of border style:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/3/a300ea3b12b6669160e67cdde123aad8c8d0d5ba.png)

I'm trying to use the configureEditor event, but I can't find any documentation explaining how to configure the border parameter.

In fact, I couldn't even make this event run, I put a print and it never appears on the console.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/3/e3743957a802d1156b326b56bec2d69d09d429d8.png)

Any tips on how I could do this?  
Thank you very much

---

<div class="post-metadata">

**Author:** ![justinedwards.jle](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/justinedwards.jle/32/37854_2.png) [@justinedwards.jle](https://forum.inductiveautomation.com/u/justinedwards.jle)\
**Post date:** [December 14, 2022, 2:20pm UTC](https://forum.inductiveautomation.com/t/vision-power-table-add-columns-border-with-configureeditor/67607/2 "2022-12-14T14:20:54Z")

</div>

I imagine that this will need to be done in the configureCell extension function instead of the configureEditor. You will probably need to import border factory or something similar and return the border property of each cell of each column based on whether they are the first row, last row, or middle rows

---

<div class="post-metadata">

**Author:** ![justinedwards.jle](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/justinedwards.jle/32/37854_2.png) [@justinedwards.jle](https://forum.inductiveautomation.com/u/justinedwards.jle)\
**Post date:** [December 18, 2022, 2:19pm UTC](https://forum.inductiveautomation.com/t/vision-power-table-add-columns-border-with-configureeditor/67607/3 "2022-12-18T14:19:03Z")

</div>

I found a few moments this morning to adapt the above suggestion into my test table.

> **Here is the sample code:**
>
> ```auto
> def configureCell([...]):
> from javax.swing import BorderFactory
> from java.awt import Color
> if rowIndex == 0 and colIndex == 0:
> border = BorderFactory.createMatteBorder(8, 8, 1, 4, Color(255, 255, 255))
> elif rowIndex == (self.data.rowCount-1) and colIndex == 0:
> border = BorderFactory.createMatteBorder(1, 8, 8, 4, Color(255, 255, 255))
> elif rowIndex == 0 and colIndex == (self.data.columnCount-1):
> border = BorderFactory.createMatteBorder(8, 4, 1, 8, Color(255, 255, 255))
> elif rowIndex == (self.data.rowCount-1) and colIndex == (self.data.columnCount-1):
> border = BorderFactory.createMatteBorder(1, 4, 8, 8, Color(255, 255, 255))		
> elif rowIndex == (self.data.rowCount-1) and colIndex == 0:
> border = BorderFactory.createMatteBorder(1, 8, 8, 4, Color(255, 255, 255))
> elif rowIndex == 0:
> border = BorderFactory.createMatteBorder(8, 4, 1, 4, Color(255, 255, 255))
> elif rowIndex == (self.data.rowCount-1):
> border = BorderFactory.createMatteBorder(1, 4, 8, 4, Color(255, 255, 255))
> elif colIndex == 0:
> border = BorderFactory.createMatteBorder(1, 8, 1, 4, Color(255, 255, 255))
> elif colIndex == (self.data.columnCount-1):
> border = BorderFactory.createMatteBorder(1, 4, 1, 8, Color(255, 255, 255))
> else:
> border = BorderFactory.createMatteBorder(1, 4, 1, 4, Color(255, 255, 255))
> if selected:
> return {'background': self.selectionBackground, 'border': border}
> elif rowView % 2 == 0:
> return {'foreground': 'white', 'background': Color(0, 0, 0), 'border': border}
> else:
> return {'foreground': 'white', 'background': Color(150, 150, 150), 'border': border}
> 
> ```

Here is the result:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/9/99fc7039f747cd464c21fd361fae0f6a649a3380.png)

---

<div class="post-metadata">

**Author:** ![victor1](https://avatars.discourse-cdn.com/v4/letter/v/6de8d8/32.png) [@victor1](https://forum.inductiveautomation.com/u/victor1)\
**Post date:** [December 19, 2022, 1:36pm UTC](https://forum.inductiveautomation.com/t/vision-power-table-add-columns-border-with-configureeditor/67607/4 "2022-12-19T13:36:08Z")

</div>

Thank you very much, @justinedwards.jle !