GWT Grid Shows 2 lines as a borderline ,How can i replace it with 1 line

Question

I am creating a simple DataGrid in GWT It appeas fine and showing data , but the lines between rows or the border lines are double ,Can we change it to a single line border width is by default 1 , when i try to make border width as 0 , the border lines totally disappear and when i make it 1 , it shows double border lines , isnt there a way to smake the border line , a single line

Attached is the image of datagrid which is showing double border , please tell me a way to make it single border. enter image description here

score 1 · Answer 1 · edited May 23 '17 at 12:19

1

You're showing two lines because you have borders around each cell and around the grid as well.

You should see here for an explanation on how to override the default css of datagrids in GWT.

This is the default CSS for DataGrid that you should override. To avoid having double border, you should set only border-right, border-left, border-top or border-bottom attributes on your cells.

edited May 23 '17 at 12:19

Community

1
1

answered Jun 14 '12 at 13:36

jonasr

1,876
16
18

thanks , i see the default css , and added this whole in my application , can you just tell me which stylename i will apply to my widget , like , dataGrd.seStyleName("??"); – user1226162 Jun 14 '12 at 21:33

Richard Watson · Answer 2 · 2012-08-29T10:54:19.020

0

<g:Grid borderWidth="1" cellSpacing="0">

should do it. To adjust specific border css:

grid.setStyleName("yourSpecialBorderStyleName");

with css e.g.:

.yourSpecialBorderStyleName
{
    border-style:solid;
    border-color:#CCCCCC;
}

edited Aug 29 '12 at 10:54

answered Aug 29 '12 at 10:40

Richard Watson

2,584
1
23
30

GWT Grid Shows 2 lines as a borderline ,How can i replace it with 1 line

2 Answers2