Hi All,
I have developed my own Custom Table visual but i am unable to decrease the width of scroll bar same as power bi table visual.
MY less file :
.scrollTable
{
display: table;
border-collapse: collapse;
}
.heading
{
display: table-header-group;
}
.divTableBody
{
display: table-row-group;
}
.row::before {
display: none;
}
.row:nth-child(even) {
background: lightgray;
}
.row
{
display: table-row;
//border-bottom: 2px solid black;
}
.head
{
display: table-cell;
padding: 7px5px;
border-bottom: 2pxsolidpink;
}
.cell
{
display: table-cell;
padding: 1px5px;
}
visual.ts file :
constructor(options:VisualConstructorOptions) {
options.element.style.overflow='auto';
lettarget:d3.Selection<HTMLElement> =this.target=d3.select(options.element)
lettable:d3.Selection<HTMLElement> =this.table=this.target.append("div").classed("scrollTable",true);
this.thead=this.table.append("div").classed("heading",true).append("div").classed("row",true);
this.tbody=this.table.append("div").classed("divTableBody",true).append("div").classed("row",true);
