My column entries look like this:
<td aria-selected="true" class="slds-cell-edit" role="gridcell">
<span class="slds-grid slds-grid_align-spread">
<span class="slds-truncate" title={row.objectName}>{row.objectName}</span>
<lightning-button-icon icon-name="utility:edit" variant="bare" class="slds-cell-edit__button slds-m-left_x-small" onclick={showEditPopover}></lightning-button-icon>
</span>
</td>
And I have slds-table_edit
as a class up on my <table>
element. This slds datatable example (Click 'Inline Edit' in the Variant section) shows the edit buttons showing up on hover automatically. My assumption is this is some magic that is happening with all the various slds edit type classes in the table.
My attempt at adding slds-cell-edit__button did not work, the buttons just appear there all the time and are dark instead of the light gray in the example. Is it possible to achieve this behavior with the edit button with the css classes so an onMouseOver event doesn't have to be finagled? Or is that example actually doing some mouse over event to show and hide the buttons that is hidden from view?