Hi, is there a way to remove the outline of the cell in a Perspective editable table when it is clicked? I tried outlineStyle = “none” under cell property but it seems to have no effect. The reason I asked is because when I clicked multiple cells, some outlines remained even after I clicked other cells. Below is a sample image. Thanks in advance.
Thats odd. Ive not seen that before. Im guessing something else happends here,
You should inspect the css from the cells that have a border.
Open the page in the browser and press ctrl+shift+c then hover over the cell and on the inspector you should appear either on the div of the cell or the text. Find out which of the two give a border and why
But you can adjust it with themse.css (or injecetion)
this would remove the border from selection
.ia_tableComponent__selection--root {
border: none;
}
This the background color
.ia_tableComponent__selection {
background-color: transparent ;
}
1 Like
Thanks @victordcq. I learned something new. This is what worked for me in my theme overrides:
.ia_tableComponent__editableCell
{
border: none;
box-shadow: 0 2px 8px 0 rgb(0 0 0 / 30%);
background-color: transparent;
}
.ia_tableComponent__selection–root {
border: none;
}
.ia_tableComponent__selection {
background-color: transparent;
}
1 Like
Hi, I created this styles to remove the background and the border during the row selection but actually what happen is that is removed only the background of the selected cell, and not of the all row, I tried to inspect in the browser but I can't find how to fix this.
Thank you for the help
You don't need the stylesheet for that, just use the built-in props.selection.style of the table.
I
Note that it seems to me like a bad idea to remove that indication...
1 Like
You're right, thanks for the help it works.
Actually I add the top and bottom borders so to highlight better the selection and the background disturb the reading of the text when is selected.
Thank again!