const columns1 = [
{
dataIndex: 'deviceName',
title: '設(shè)備名稱',
width: '150px',
},
{
dataIndex: 'power',
title: '功率',
customHeaderCell: () => ({
style: {
textAlign: 'center', //頭部單元格水平居中
},
}),
},
{
dataIndex: 'charge',
title: '充電量',
align: 'center', //頭部單元格和內(nèi)容區(qū)水平居中
}
]
Antd Table組件的頭部單元格水平居中,列居中
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
推薦閱讀更多精彩內(nèi)容
- 最終效果如下圖 主要難點在于左側(cè)模擬的表頭,需要自己合并,用到的是rowSpan屬性。 數(shù)據(jù): 組件:
- 說明 表格內(nèi)內(nèi)嵌相關(guān)的組件標簽一般是剛需的需求,如官網(wǎng)示例中的表格內(nèi)內(nèi)嵌Button的示例。 但是有些時候我們需要...
- 在項目中,有時候需要實現(xiàn)單元格合并的需求,這里記錄一下在Ant Design Vue的實現(xiàn) 查看官方文檔合并單元格...
- 一、功能 1、合并行2、循環(huán)列 備注:數(shù)組第一層某些字段公用(depart_id,depart_name)、tea...