I am using fixed-data-table-2 in my React Application, i would like to hide/remove the borders of the cells , could some help on how to do that

[AdityaKallur]

I am using fixed-data-table-2 in my React Application, i would like to hide/remove the borders of the cells , could some help on how to do that

[pradeepnschrodinger]

The borders of the cell are styled through CSS by fixedDataTableCellLayout.css

fixed-data-table-2/src/css/layout/fixedDataTableCellLayout.css

Lines 12 to 21 in 1010d26

	.fixedDataTableCellLayout/main {
	border-right-style: solid;
	border-right-width: 1px;
	border-width: 0 1px 0 0;
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	position: absolute;
	white-space: normal;
	}

The class name specified here fixedDataTableCellLayout/main transforms into fixedDataTableCellLayout_main. So you should be able to simply disable the border style through something like:

.fixedDataTableCellLayout_main {
  border: none;
}

You can also refer the style example to see how we can pass custom class names and/or styles to do the same.

I'll close of the issue since I believe the snippet above should do the trick, but feel free to continue the discussion.