DataView border

Suite and Optimus Suite 5
#1

I want to remove the borders in a DataView.

The documentation says that a border property can be set, it does not seem to be working:

  dv = cellA.attachDataView({
                      height: "auto",
                      type:{
                              template:"<b>#name_first# #name_last#<b>",
                              border: 0,
                              padding:5,
                              height: 20,
                            }
  });

Regardless of how the border property is set, it is always the same.

#2

You can do it with CSS:

.dhx_dataview .dhx_dataview_default_item, .dhx_dataview .dhx_dataview_default_item_selected { border-bottom: none !important; border-right: none !important; }

#3

Hello,

border property in type does not define styles of dataview items, style is defined in css:

.dhx_dataview .dhx_dataview_default_item, .dhx_dataview .dhx_dataview_default_item_selected {
border-bottom: 1px dotted #A4BED4;
border-right: 1px solid #A4BED4;
}

border in type is used for dataview height calculation, it should be synchronized in value in css. You can redefine border using “css” property that sets className for dataview container as in:

.borderless .dhx_dataview_default_item, .borderless .dhx_dataview_default_item_selected{ border-bottom: none; border-right: none; }

data = new dhtmlXDataView({ ... css: "borderless", type:{ border: 0, ... } });

#4

Awesome!