效果:

实现代码:
<a-table :dataSource="benchmarkData" :columns="benchmarkColumns" :pagination="false" :bordered="true" size="small">
</a-table>
const benchmarkColumns = [
{
title: h('div', { style: { position: 'relative' } }, [
h('div', { style: { textAlign: 'right' } }, '模型名称'),
h('div', { style: { textAlign: 'left' } }, '企业名称'),
h('div', {
style: {
position: 'absolute',
width: '1px',
height: '301px', // 高度根据实际需要调整
top: '-127px', // 根据需要调整位置
left: '141px', // 根据需要调整位置
backgroundColor: '#1A3A50',
display: 'block',
transform: 'rotate(-79deg)', // 旋转角度根据需要调整
},
}),
]),
dataIndex: 'companyName',
key: 'companyName',
width: 150,
fixed: 'left',
},
{
title: '采购支出模型',
dataIndex: 'procurementSpend',
key: 'procurementSpend',
score: 5,
width: 150,
},
{
title: '采购效能模型',
dataIndex: 'procurementEfficiency',
key: 'procurementEfficiency',
score: 9,
width: 150,
},
{
title: '供应链成熟度评估模型',
dataIndex: 'supplierMaturity',
key: 'supplierMaturity',
score: 10,
width: 180,
},
];