I want to mark the borders of the selected row.
I use the css
Hello drpoalim,
Thank you for posting in our forum.
On the cell level the following class is overwriting the setting:
tbody.igg_Item >tr >td
If you need to overwrite that setting to have a border around the row you need to set for example:
.igg_ActiveRow > td
{
background-color: inherit;
border-top-color: Red !important;
border-top-width: 2px !important;
border-top-style:solid !important;
border-bottom-color: Red !important;
border-bottom-width: 2px !important;
border-bottom-style:solid !important;
}
The !important tag will ensure that those settings won’t be overwritten by the default settings of the grid.
Let me know if you have any questions or concerns.
Best Regards,
Maya Kirova
Developer Support Engineer
Infragistics, Inc.
http://ko.infragistics.com/support
I dont want this border around each cell.
I want the border around the entire row.
So I dont want to have this definitions applied to the borders between the cells.
I show the difference in the attached image.
Hello Polarim,Please let me know if you have any further questions regarding this issue.
The css I previously suggested will put a top and bottom border so you could add 2 more css selectors to set a left border for the first td and a right border for the last td.
So the they can look something like this:
<style type="text/css">
border-top-style: solid !important;
border-bottom-style: solid !important;
.igg_ActiveRow > td:first-child
border-left-color: Red !important;
border-left-width: 2px !important;
border-left-style: solid !important;
.igg_ActiveRow > td:last-child
border-right-color: Red !important;
border-right-width: 2px !important;
border-right-style: solid !important;
</style>
Setting the border settings directly for the tr element will not work in this case since in the default css of the grid’s table the border-collapse is set to “separate” but if you prefer you could overwrite that and use just the border settings directly for the active row. For example
.igg_ActiveRow
border-color: Red !important;
border-width: 2px !important;
border-style: solid !important;
margin: 5px;
.igg_Control table
border-collapse:collapse !important;
Both should give the same result. Let me know if you have any questions or concerns.