为ant design的表格标题赋予自定义颜色并创建子代

问题描述

我正在使用不同的方法来创建蚂蚁设计表。我想在表中添加子项以创建自定义设计。我想像给定图片

一样设计表格 现在标题上的标题只有蓝色

       <div className="table-wrapper">
        <Table  dataSource={Array.isArray(data) ? data : []}
                loading={loading}
                pagination={false}>
            <Column
                title="Item"
                dataIndex="role_name"
                key="role_name"
                onFilter={(value,record) => record.role_name.includes(value)}
                filteredValue={ filters || null }
            />
            <Column
                title="item ID"
                // dataIndex="default_days"
                // key="default_days"
                
            />
            <Column
                title="Area1"
                // dataIndex="default_days"
                // key="default_days"
                
            />
            <Column
                title="Area2"
                // dataIndex="default_days"
                // key="default_days"
                
            />
            <Column
                title=""
                key="action"
                width="20px"
                render={(record) => (
                    <Space size="middle">
                        <EditOutlined onClick={() => update(record)} />
                        <ConfirmAlert onOk={() => remove(record)} Component={DeleteOutlined} />
                    </Space>
                )}
            />
            
        </Table>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）