el-table modifies the font color (including when the row is highlighted)

1. Use the row method row-style or the cell method cell-style that comes with the component to set the font color, and find that the setting does not take effect

2. Check the elements in the console and find that the cell-style cannot locate the real font position, but the upper layer

3. Use the component's own cell method cell-class-name to set a class to the outer layer of elements to facilitate clear positioning, and finally locate in the cell of this class

 

 

 Here the font color is set successfully

4. Because I set the font to white, I found that the font color and the background color of the component's built-in row highlighting are too similar, so I decided to modify the highlighting color, and found that the hover-row class was added when the component was highlighted.

 so just write

successfully set

 

Guess you like

Origin blog.csdn.net/gjylalaland/article/details/130741597