show-tooltip-when-overflow 和show-tooltip-overflow 的区别
时间: 2023-12-20 08:31:20 浏览: 218
React工具提示组件-React开发
show-tooltip-when-overflow和show-tooltip-overflow都是用于处理表格内容过多导致换行不美观的情况,但它们的作用略有不同。
- show-tooltip-when-overflow属性作用于表格中的单元格,当单元格内容超出单元格宽度时,会以tooltip的形式显示单元格内容,从而避免了内容换行导致的不美观问题。
- show-tooltip-overflow属性作用于表格中的列,当列中的单元格内容超出列宽度时,会以tooltip的形式显示该列的所有单元格内容,从而避免了内容换行导致的不美观问题。
<<示例>>
```html
<table>
<thead>
<tr>
<th>Name</th>
<th>Age</th>
<th>Address</th>
</tr>
</thead>
<tbody>
<tr>
<td show-tooltip-when-overflow>Name1</td>
<td show-tooltip-when-overflow>Age1</td>
<td show-tooltip-when-overflow>Address1</td>
</tr>
<tr>
<td show-tooltip-when-overflow>Name2</td>
<td show-tooltip-when-overflow>Age2</td>
<td show-tooltip-when-overflow>Address2</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th show-tooltip-overflow>Name</th>
<th show-tooltip-overflow>Age</th>
<th show-tooltip-overflow>Address</th>
</tr>
</thead>
<tbody>
<tr>
<td>Name1</td>
<td>Age1</td>
<td>Address1</td>
</tr>
<tr>
<td>Name2</td>
<td>Age2</td>
<td>Address2</td>
</tr>
</tbody>
</table>
```
阅读全文