highlight-selection-row

highlight-current-row是element-ui表格的一个属性，用于实现单选表格中选中行高亮显示的功能。通过配置highlight-current-row属性，可以实现单选功能，选中行时会触发current-change事件，传入当前选中行和上一次选中行的信息。如果需要显示行号，可以添加一列el-table-column，设置type属性为index即可显示从1开始的索引号。

对于highlight-current-row单选表格中的问题，如果某一行不满足某些条件时不可选中，可以通过设置cell-style属性来控制表格的样式。在cellStyle方法中，通过循环数据判断每一行是否符合条件，如果不符合条件则返回相应的css属性，例如设置pointer-events:none属性来禁用鼠标事件，从而达到禁用该行的效果。

另外，可以利用header-cell-style属性来更改表头的背景颜色。详情请参考element-ui官方文档。＊＊＊/table)
[segmentfault-关于highlight-current-row单选表格中的问题](https://segmentfault.com/a/1190000018579894)
[stackoverflow-Highlight selected row in HTML table](https://stackoverflow.com/questions/35868762/highlight-selected-row-in-html-table)<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [element-UI非radio按钮单选Table表格(highlight-current-row),头部背景颜色更换以及默认某行不可选中不可...](https://blog.csdn.net/drift_away_/article/details/108385154)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [GridView with CheckBox – Select All and Highlight Selected Row](https://blog.csdn.net/weixin_30642561/article/details/97247596)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]