表格中有链接,使用tiOverflow的场景
问题:表格中使用A标签,使用tiOverflow后,tip显示的内容,会有A标签的样式
原因:tiOverflow获取的是元素的innerHTML,将tiOverflow写在td上面,会获取到td中的所有内容,从而显示在tip里面。
原本tip中获取的是元素的textContent,因为textContent只能获取文本,如果想要显示图片,则无法获取到。
针对以上原因,目前提供的方案有两种:
解决方案一:将tiOverflow写在A标签上,设置A标签的宽度
解决方案二:通过使用tiTipContent接口,将tip中的内容重新设置即可
注意:使用 tiOverflow 组件,请导入 TiOverflowModule。
import {{ '{' }} TiTableModule {{ '}' }} from '@opentiny/ng';
| {{column.title}} | ||||
|---|---|---|---|---|
| {{row.firstName}} | {{row.lastName}} | {{row.email}} | {{row.age}} | {{row.balance}} |