2024-10-11 自定义渲染之arco-design-vue table的columns的title ==》使用DOM插入子元素
嗯...不知我没找到arco对应table title的自定义渲染的正确方式
但我已经找了1个小时了，既然没找到就自己插入吧
业务场景如下：
给表头插入一个必填的符号*，就这么简单的需求。
代码如下：
const elements: any = document.querySelectorAll('.arco-table-th-title');
elements.forEach((a: any) => {
const item = document.createElement('span');
item.style.color = 'red';
item.innerText = '*';
// a.appendChild(item); // 往后添加
const firstChild = a.firstChild;
a.insertBefore(item,firstChild); // 往前添加
})
找到表头的类名.arco-table-th-title，然后用DOM的insertBefore往前插入一个元素即可。